我是关于javascript / jquery的新手,我需要帮助,因为我希望任何人在下面的小提琴中挑选1-12群组,以便能够查看隐藏的商家名称文本框。
HTML:
<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>
JS:
$(document).ready(function(){
$('#purpose').on('change', function() {
if ( this.value == '1')
{
$("#business").show();
}
else
{
$("#business").hide();
}
});
});
FiDDLE: http://jsfiddle.net/pranavcbalan/v4gNL/
对此的任何帮助都将非常感激。
由于
答案 0 :(得分:1)
如果我正确理解您,只要有人不挑选<option value="0">Personal use</option>
,您就希望展示商业元素。然后你的逻辑反转,当有人选择选项0时你想要隐藏业务元素。
$(document).ready(function(){
$('#purpose').on('change', function() {
if ( this.value == '0')
{
$("#business").hide();
}
else
{
$("#business").show();
}
});
});