Zeigt eine textbox drop-down auswählen

Ich habe versucht zu tun, onchange und onclick-Ereignis, und ich habe Probleme mit den beiden. Beim ausführen meines Codes, Firebug sagt mir mein showTextBox Funktion ist nicht definiert.

Wenn der Wert 1 ist ausgewählt für den Zustand der dropdown-Box die ich brauche, um die Anzeige der <div> enthält eine textbox. Ich bin umgezogen das onclick-Attribut bei den option-tags sowie versucht onchange-Attribut und immer noch showTextBox() ist nicht definiert in Firebug.

<select id="AddrType" onclick="showTextBox();"
        height="30px" style="width: 90px"> 
  <option value="10"></option>
  <option value="0">City</option>
  <option value="1">State</option>
  <option value="2">Zip</option>
</select>   

 <br />

 <div id="stateText" style="visibility: hidden">
   State <input type="text" id="STATE"/>
 </div>

Hier ist die Funktion, die aufgerufen wird, wenn entweder das onclick oder onchange-Ereignisse ausgelöst werden:

function showTextBox() {
    console.log("in check Drop down");
    if ($('#AddrType').val() == 'State') {
        $('#stateText').style.visibility = 'visible';
    }
    console.log($('#AddrType').val());

Jede Hilfe mit diesem. Ich habe es Gegoogelt, aber ich kann nicht scheinen, etwas zu finden, das funktioniert. Ich kann nicht in der document.getElementById() Funktion.

Ich nehme an, in deinem code hast du eine schließende } für showTextBox?

InformationsquelleAutor Jt2ouan | 2013-03-05

0

versuchen Sie dies:
```
<script type='text/javascript'>

  $(document).ready(function(){
       $('#AddrType').change(function(){
           if ($(this).val() == '1') {
               $('#stateText').css({'display':'block'});           
           }
        });
  });


</script>
```
und aktualisieren Sie Ihre wählen Sie diese aus:
```
   <select id="AddrType" height="30px" style="width: 90px"> 
     <option value="10"></option>
     <option value="0">City</option>
     <option value="1">State</option>
     <option value="2">Zip</option>
  </select>   
```
auch, das funktioniert bestens.
```
   <select id="AddrType"  onchange="showTextBox()" height="30px" style="width: 90px"> 
      <option value="10"></option>
      <option value="0">City</option>
      <option value="1">State</option>
      <option value="2">Zip</option>
  </select>
```
und wo showTextBox() ist:
```
   function showTextBox(){
        if ($('#AddrType').val() == '1') {
                   $('#stateText').css({'visibility':'visible'});
    }
```
- ihrigen kein onclick oder onchange-Ereignis in diesem auf ändern es Warnungen, was die Wert ist..?
- ja..da m binding-change-Ereignis des dropdown-Menü in der Laufzeit. Ich habe aktualisiert mein Antwort..es tut genau das, was Sie versuchen zu tun, in Ihrem code.
- Dies ist gettign näher, als die in der ändern-Funktion. Ich bekomme Stil undefined Fehler. ist style="visibility: hidden" gültig für ein div?
- ohh mein Gott, es gibt keine solche Sache 'style' für jquery-Objekt. Ich aktualisiert meine Antwort.finden Sie es jetzt
- bitte markieren Sie es als Antwort, wenn es für Sie gearbeitet
- für einige Grund es nicht wie onchange-Attribut es sagt mir, Funktion ist nicht definiert, aber es ist klar in meinem Dokument.bereit. Ich habe es auf Arbeit mit Ihrer ersten Anregung aber mit .css({'visibility':'visible'}); vielen Dank für Ihre Hilfe!
- definieren Sie Funktionen, außen-Dokument.bereit und in den head-Abschnitt der Seite.
InformationsquelleAutor Manish Mishra
0

Ihre val() ist wahrscheinlich Rückkehr "1" statt "State" Sie überprüft wird.

Nicht nur auf jQuery sondern auch, wenn Sie POST werden die Formulardaten an einen server, der Wert von AddrType werden die value Attribut des gewählten option element ("City /State /Zip" in Ihrem Fall ist nur die 'Beschriftung' der Wert).
- Ja das verstehe ich, aber für einige Grund Firebug sagt mir das die Funktion nicht definiert ist.
- Welche Funktion haben Sie? poste die vollständige Fehlermeldung bitte.
- in der wählen Sie die onclick="showTextBox ();", wenn Sie, die aufgerufen wird, in Firebug heißt es showTextbox ist nicht definiert.
- Könnte es sein, dass du einen syntax error irgendwo in dem code oben die definition einer Funktion, die verhindert, dass FireFox beim analysieren Ihrer Funktion. Versuchen Sie, geben Sie showTextBox im FireBug-Konsole, um zu sehen, wenn es definiert wird.
InformationsquelleAutor haim770

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.