我正在尝试创建一个表单,当选择元素'parcel‘被选中时,它将显示一个div,但当它未被选中时,我想隐藏div。这是我目前的标记:
到目前为止,这是我的HTML。
<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>
到目前为止,这是我的jQuery。
$(function() {
$('#type').change(function(){
$('#row_dim').hide();
$("select[@name='parcel']:checked").val() == 'parcel').show();
});
});
发布于 2013-09-02 19:49:22
使用下面的JQuery。Demo
$(function() {
$('#row_dim').hide();
$('#type').change(function(){
if($('#type').val() == 'parcel') {
$('#row_dim').show();
} else {
$('#row_dim').hide();
}
});
});
发布于 2013-09-02 19:43:10
尝试:
if($("option[value='parcel']").is(":checked"))
$('#row_dim').show();
或者甚至是:
$(function() {
$('#type').change(function(){
$('#row_dim')[ ($("option[value='parcel']").is(":checked"))? "show" : "hide" ]();
});
});
JSFiddle:http://jsfiddle.net/3w5kD/
发布于 2013-09-02 19:44:05
将jquery方法更改为
$(function () { /* DOM ready */
$("#type").change(function () {
alert('The option with value ' + $(this).val());
//hide the element you want to hide here with
//("id").attr("display","block"); // to show
//("id").attr("display","none"); // to hide
});
});
https://stackoverflow.com/questions/18572401
复制相似问题