gpt4 book ai didi

jQuery 选择更改显示/隐藏 div 事件

转载 作者:太空狗 更新时间:2023-10-29 13:17:34 25 4
gpt4 key购买 nike

I am trying to create a form which when the select element 'parcel' is selected it will show a div but when it is not selected I would like to hide the 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();
});
});

最佳答案

使用以下 JQuery。 Demo

$(function() {
$('#row_dim').hide();
$('#type').change(function(){
if($('#type').val() == 'parcel') {
$('#row_dim').show();
} else {
$('#row_dim').hide();
}
});
});

关于jQuery 选择更改显示/隐藏 div 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18572401/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com