jQuery select change show / hide div event
Ich versuche ein Formular zu erstellen, in dem bei Auswahl des Elements 'Parzelle' ein Div angezeigt wird. Wenn es jedoch nicht ausgewählt ist, möchte ich das Div ausblenden. Hier ist mein Markup im Moment:
Das ist mein HTML soweit ..
<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>
Das ist meine jQuery bisher ..
$(function() {
$('#type').change(function(){
$('#row_dim').hide();
$("select[@name='parcel']:checked").val() == 'parcel').show();
});
});