只有在下拉框中选择“业务使用”时,我才想让jQuery显示div id ='business'。想要根据下拉框选择来显示/隐藏div
这是我的代码:
<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/
或者把它放在文档的末尾。 – j08691
或活动代表团 – Satpal
感谢!它现在完美:) – user3263266