|
|||
Formularfeld nach Auswahl von "select option" anzeigen
Hallo, ich möchte ein Formularfeld erst anzeigen lassen, wenn ich eine entsprechende Auswahl in meinem SELECT-Feld gewählt habe.
Dachte es geht so... leider steckt die Tücke im Detail. Kann mir jemand auf die Sprünge helfen? Mootools ist eingebunden. HTML-Code:
window.addEvent("domready", function() { $("plusinfo").hide(); }); function showProducts() { if ($("requesttype").selectedIndex == "2") { //alert ('wert:' + $("requesttype").selectedIndex); $("plusinfo").style.display = "run-in"; } else { $("plusinfo").style.display = "none"; } } onchange="showProducts(); meinen alert bekomme ich angezeigt wenn das zweite Optionsfeld geklickt wurde. nur er blendet das Formularfeld "plusinfo" nicht ein? Geändert von dr_colossos (11.11.2011 um 18:53 Uhr) |
Sponsored Links |
|
|||
Wie viele Optionen hast du (mindestens 3)? Passiert das bei garkeiner Option? Oder hast du vllt. den Index icht bei 0 angefangen? Lass dir den Index doch mal ausgeben.
|
Sponsored Links |
|
|||
Hallo,
das mit dem Index scheint zu stimmen. Habe ihn mal ausgeben lassen und auch wenn ich auf den dritten Option-Eintrag gehe (0,1,2,...) bekomme ich den alert. Bei ($("requesttype").selectedIndex == 2 Das passt. Nur blendet er das Feld "plusinfo" nicht ein wenn der Punkt 2 gewählt wurde. |
|
|||
das dazugehörige html
HTML-Code:
<tr> <td class="col1"><label for="requesttype">Type of Request</label></td> <td class="col2" colspan="3"> <select name="contactType" id="requesttype" onchange="showProducts();"> <option value=""></option> <option value="Product">Product information</option> <option value="Company">Company Information</option> <option value="Support">Technical Support/Training Information</option> <option value="Career">Career/ employment Information</option> <option value="Other">Other</option> </select> </td> </tr> <!-- dieser teil soll dann ein-/ausgeblendet werden--> <tr id="plusinfo"> <td class="col1"><label for="plusinfo">Product</label></td> <td class="col2" colspan="3"> <select name="contactProduct" id="requestproduct"> <option value=""></option> <option value="a">AAA </option> <option value="b">BBB</option> <option value="c">CCC</option> <option value="d">DDD</option> </select> </td> </tr> Geändert von dr_colossos (11.11.2011 um 18:42 Uhr) |
|
|||
passt jetzt alles .. meine css-eigenschaft "run-in" war falsch .. Kein JS-Fehler:
HTML-Code:
<script type="text/javascript"> window.addEvent("domready", function() { $("plusinfo").style.display = "none"; }); function showProducts() { if ($("requesttype").selectedIndex == "2") { $("plusinfo").style.display = "table-row"; } else { $("plusinfo").style.display = "none"; } } </script> |
Stichwörter |
auswahl, option, select, sichtbar |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Eingabefeld erst nach Auswahl anzeigen | Tarishkan | CSS | 4 | 03.08.2007 17:49 |