![](/img/trans.png)
[英]How do I get the added value from a drop down list and an input box to show?
[英]How do I select a specific option value from a drop down list to show a hidden div?
我有一个包含4个选项的下拉列表,所以我想要的是当我单击值“ from”时它显示一个隐藏的div(用于隐藏此div的CSS“ display:none;”)。 有人可以帮我吗? 谢谢!
HTML:
<select id="type">
<option value="">--select--</option>
<option value="category">Category</option>
<option value="brand_name">Brand</option>
<option value="campaign_name">Campaign</option>
<option value="from">Recap date</option>
</select>
</label>
<div id="showfrom">
<input type="text" class="filter" value="02-16-2012" id="from">
</div>
Js:
$("#type").change(function() {
var selected = $(this).find(':selected').val();
if (selected == from) {
$("#showfrom").show();
}
});
from
应该是字符串文字。 另外,如果选择其他选项,则还需要隐藏,如果可以使用.toggle()会更好。
$("#type").change(function () {
$("#showfrom").toggle(this.value == 'from');
}).change();//to set the initial state
演示: 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.