Felder ausblenden

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

alexa_

Neues Mitglied
23 November 2016
4
0
1
24
HTML:
<td class="menge"> <input name="real" /> </td>
<td class="menge_1"> xx </td>

Das zweite feld soll nur angezeigt werden, wenn in dem ersten etwas drinnen steht. Kann jemand helfen?
 
Werbung:

B3nnoX

Aktives Mitglied
9 Januar 2013
533
106
43
Du musst die zweite Zeile ein Display: none geben. Dann musst du mit Javascript ein Eventlistener auf das Inputfeld packen. Ich glaube das Event "change", damit wird denn geprüft das sich etwas am Feld ändert. Wenn dies der Fall ist setzt du die zweite Zeile wieder auf display: block

Bin leider nicht so sehr in Javascript bewandert. Aber was hast du denn bis jetzt probiert?

Im Forum wird nicht gern gesehen, wenn man um Hilfe bittet obwohl man noch nichts selbst probiert hat.
 

Tronjer

Senior HTML'ler
8 Oktober 2010
5.238
483
83
Berlin
Das ist ganz einfach.
Code:
<div ng-app>
  <input type="text" ng-model="myText">
  <p>{{myText}}</p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
 
Werbung:

B3nnoX

Aktives Mitglied
9 Januar 2013
533
106
43
Ich hatte es so verstanden, dass das td erst angezeigt werden soll wenn etwas im input drin steht. Ups :D
 

Tronjer

Senior HTML'ler
8 Oktober 2010
5.238
483
83
Berlin
Ich hatte es so verstanden, dass das td erst angezeigt werden soll wenn etwas im input drin steht. Ups :D

Dann eben noch ein ng-if anhängen:
Code:
<div ng-app>
  <input type="text" ng-model="myText">
  <p ng-if="myText">{{myText}}</p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
 

alexa_

Neues Mitglied
23 November 2016
4
0
1
24
Ausprobiert hab ich das hier. Funktioniert nur leider nicht.

HTML:
<script type="text/javascript">
        function showtext() {
       if(document.getElementById('realanz').value='') {
                    document.getElementById('diff').style.visibility = 'hidden';
          }
      else {
                    document.getElementById('diff').style.visibility = 'visible';
          }
      }
    </script>

HTML:
<td class="menge" style="padding-top:1px;padding-bottom:1px;">&ensp;
                        <input id="realanz" type="text" size="4" maxlength="4" class="Anzahlbox" ng-model="mge" onchange="showtext()"/>
                    </td>
                    <td class="menge" id="diff">&emsp;{{Differenz}}</td>


Code:
<style type="text/css">
  #diff
    {
      visibility: hidden;
   
    }
</style>
 
Werbung:

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.188
432
83
68
Code:
if (document.getElementById('realanz').value='')
"=" bedeutet Zuweisung, "==" bedeutet Test auf Gleichheit.
 
Werbung:
Werbung:
Werbung: