jQuery select ändern ein - /ausblenden von div-event
Ich versuche ein Formular erstellen, das, wenn das select-element 'Paket' ausgewählt ist es wird dann ein div aber, wenn es nicht ausgewählt ist, würde ich gerne ausblenden, div. Hier ist mein markup im moment:
Dies ist mein HTML so weit..
<div class="row">
Type
<select name="type" id="type" style="margin-left:57px; width:153px;">
<option ame="l_letter" value="l_letter">Large Letter</option>
<option name="letter" value="letter">Letter</option>
<option name="parcel" value="parcel">Parcel</option>
</select>
</div>
<div class="row" id="row_dim">
Dimensions
<input type="text" name="length" style="margin-left:12px;" class="dimension" placeholder="Length">
<input type="text" name="width" class="dimension" placeholder="Width">
<input type="text" name="height" class="dimension" placeholder="Height">
</div>
Dies ist mein jQuery so weit..
$(function() {
$('#type').change(function(){
$('#row_dim').hide();
$("select[@name='parcel']:checked").val() == 'parcel').show();
});
});
Du musst angemeldet sein, um einen Kommentar abzugeben.
Benutze folgende JQuery. Demo
Versuchen:
Oder auch:
JSFiddle: http://jsfiddle.net/3w5kD/
$items.filter(function(i)
(Custom filter) ist tatsächlich schneller, als es aussiehtändern Sie Ihre jquery-Methode zu
Tun Sie dies für jeden Wert
Auch die Werte ändern... wie pro Ihre Parameter
Versuchen Sie die unten JS
Versuchen Sie dies:
Versuchen Sie dies:
Demo hier
Nichts neues, aber die caching-Ihre jQuery-Sammlungen wird eine kleine perf boost
Und in vanilla JS für super speed:
Ich habe folgende jQuery-basierte snippet, um eine
select
-element zeigen einediv
-element, das einenid
entspricht dervalue
desoption
-element beim verstecken derdiv
s, die nicht übereinstimmen. Nicht sicher, dass es der beste Weg, aber es ist ein Weg.JS:
CSS:
HTML: