如何使用jquery显示基于select下拉菜单的文本区域？
如何使用jquery显示基于select下拉菜单的文本区域？
提问于 2013-02-21 19:48:26
我想要显示2倍的下拉菜单，这两个菜单都将预先填充(第二个菜单"mainToon“将包含超过200个名称，但对于示例，我只显示了几个。
<select id="category" name="Category">
<option value=" "></option>
<option value=" ">-----------------</option>
<option value="Main Toon">Main Toon</option>
<option value="Alt Toon">Alt Toon</option>
<option value="Cyno Toon">Cyno Toon</option>
<option value="Super Toon">Super Toon</option>
<option value="Dust Toon">Dust Toon</option>
</select>
<select id="mainToon" name="mainToon">
<option value=" "></option>
<option value=" ">-----------------</option>
<option value="Agmar">Agmar</option>
<option value="S Tein">S Tein</option>
<option value="Karades">Karades</option>
<option value="Bad Kharma">Bad Kharma</option>
<option value="Ed jeni">Ed Jeni</option>
</select>默认情况下，第一个下拉列表将显示为空，并且我希望隐藏"mainToon“下拉列表，直到选中以下任何选项：
"Alt卡通“、"Cyno卡通”、“超级卡通”、“尘埃卡通”
然后该表单将是可查看的。
我是否可以通过将.hidden css代码应用于下拉菜单并在选择其他选项时动态更改类来实现这一点？
非常感谢你的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-21 19:55:24
首先隐藏你的下拉列表：
<select id="mainToon" name="mainToon" style="display:none;">
</select>并像这样使用Jquery show hide函数:-
$(document).ready(function(){
$("#category").change(function(){
var value = $(this).val();
if(value=="Alt Toon" || value=="Cyno Toon")
{
$("#mainToon").show();
}
else
{
$("#mainToon").hide();
}
});
});Stack Overflow用户
发布于 2013-02-21 19:56:47
下面演示了如何根据选择值显示DIV。
$(function() {
$('#colorselector').change(function(){
$('.colors').hide();
$('#' + $(this).val()).show();
});
});Here正在做演示。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15001489
复制相关文章
相似问题
腾讯云开发者
