只有在下拉框中选择了“商业用途”时,我才希望 jQuery 显示 div id='商业'。
这是我的代码:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$('#purpose').on('change', function() {
if ( this.value == '1');
{
$("#business").show();
}
else
{
$("#business").hide();
}
});
});
</script>
<body>
<select id='purpose'>
<option value="0">Personal use</option>
<option value="1">Business use</option>
<option value="2">Passing on to a client</option>
</select>
<div style='display:none;' id='business'>Business Name<br/>
<br/>
<input type='text' class='text' name='business' value size='20' />
<br/>
</div>
</body>
和 JSFiddle:http://jsfiddle.net/2kGzZ/1/
最佳答案
将代码包装在 $(document).ready(function(){................});
handler 中,同时删除 ;
if
$(document).ready(function(){
$('#purpose').on('change', function() {
if ( this.value == '1')
//.....................^.......
{
$("#business").show();
}
else
{
$("#business").hide();
}
});
});
关于javascript - 想要根据下拉框选择显示/隐藏div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21584752/