如何通过select显示/隐藏div.(jquery)

前端之家收集整理的这篇文章主要介绍了如何通过select显示/隐藏div.(jquery)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的代码
<select id="select">
<option id="1" value="thai language">option one</option>
<option id="2" value="eng language">option two</option>
<option id="3" value="other language">option three</option>
</select>

<div id="form1">content here</div>
<div id="form2">content here</div>
<div id="form3">content here</div>

我想要的是在选择选项1时显示div#form1并隐藏form2 form3,或者
选择选项2显示div#form2并隐藏form1 form2

解决方法

$('#select').change(function() {
   $('#form1,#form2,#form3').hide();
   $('#form' + $(this).find('option:selected').attr('id')).show();
});

请注意,ID不应该以数字开头,但上面应该这样做.

猜你在找的CSS相关文章