messmar
Erfahrenes Mitglied
Hallo zusammen,
ich habe den folgenden code von jQuery gebastelt, um damit einfach einige Select-DropDowns dynamisch ein- auszublenden.
Es funktioniert unter FFOX, aber nicht unter IE.
Und wenn ich den Wert des ausgewählten Auswhals so auslese, dann wird der zweite DropDown nur ca. 2 Sec. angezeigt und ist er wieder weg.:
Hat Jemand ne Idee, woran es legen könnte.
Danke und gruß
Messmar
ich habe den folgenden code von jQuery gebastelt, um damit einfach einige Select-DropDowns dynamisch ein- auszublenden.
Es funktioniert unter FFOX, aber nicht unter IE.
HTML:
<script type="text/javascript">
$(document).ready(function() {
$("select#eon_q1").change(
function () {
if(document.getElementById('eon_q1').value != ''){
$('#secondQuestion').show('fast');
}else{$('#secondQuestion').hide('fast');}
}
);
});
</script>
HTML:
<tr id="firstQuestion">
<td colspan="2">
Are you an E.ON electricity or gas customer?
<br>
<select name="user.eon_q1" id="eon_q1">
<option value="">Please Select</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</td>
</tr>
<tr id="secondQuestion" style="display:none;">
<td colspan="2">
How do you currently pay for your energy?
<br>
<select name="user.eon_q2" id="eon_q2">
<option value="">Please Select</option>
<option value="On demand">On demand</option>
<option value="On Demand">On Demand Unmonitored</option>
</select>
</td>
</tr>
Und wenn ich den Wert des ausgewählten Auswhals so auslese, dann wird der zweite DropDown nur ca. 2 Sec. angezeigt und ist er wieder weg.:
HTML:
<script type="text/javascript">
$(document).ready(function() {
$("select#eon_q1").change(
function () {
var getEon_q1 = document.getElementById('eon_q1').options[document.getElementById('eon_q1').options.selectedIndex].value;
if(getEon_q1 != ''){
$('#secondQuestion').show('fast');
}else{$('#secondQuestion').hide('fast');}
}
);
});
</script>
Hat Jemand ne Idee, woran es legen könnte.
Danke und gruß
Messmar