jQuery选择后改变显示2级选择
jQuery chosen change display 2 level after select
当有人选择样式id中的值选项时,我如何能够显示选择菜单?代码是这样的:
HTML:
<div class="row">
<select name="style" id="style">
<option value="banner"></option>
<option value="text"></option>
<option value="vedio"></option>
</select>
</div>
<div class="row">
<select name="language" id="language" style="display:none;">
<option value="EN"></option>
<option value="ES"></option>
<option value="FR"></option>
</select>
</div>
<div class="row">
<select name="english" id="english" style="display:none;">
<option value="text"></option>
<option value="img"></option>
<option value="vedio"></option>
</select>
</div>
<div class="row">
<select name="spanish" id="spanish" style="display:none;">
<option value="text"></option>
<option value="img"></option>
<option value="vedio"></option>
</select>
</div>
<div class="row">
<select name="french" id="french" style="display:none;" >
<option value="text"></option>
<option value="img"></option>
<option value="vedio"></option>
</select>
</div>
脚本:
$('#style').change(function(){
selection = $(this).val();
switch(selection)
{
case 'text':
$('#language').show();
break;
default:
$('#language').hide();
break;
}
});
$('#language').change(function(){
selection = $(this).val();
switch(selection)
{
case 'EN':
$('#english').show();
break;
default:
$('#english').hide();
break;
}
});
我想选择文本值我得到语言选择当我选择语言我得到另一个选择菜单
您正在使用id选择器$('#language')
,并且您的选择没有id。您应该为每个选择提供id,或者使用属性=选择器$('[name="language"]')
。
尝试更改
selection = $(this).val();
selection = $('#style option:selected').val();
相关文章:
- jQuery最近父级的数据属性选择器
- 选择具有ID的父级的第一个子级以外的所有子级,然后应用操作
- 使用 jQuery 只选择第一级后代 - 有没有更好的方法
- jQuery 限制选择器到它的父级
- 如何选择仅包含链接的块级元素及其父元素
- 使用jQuery从TR父级中选择第一个TD子级
- 设置为在没有父级和子级的其他选择器上可见
- 如何创建 Ajax 级联/链式/从属下拉列表或选择 Box
- 通过鼠标向下选择父级中的最后一个子项
- 如何获取与选择器匹配的最接近的父级或同级
- jQuery根据类选择器匹配父级查找子项
- 挖空.js - 创建可重用的级联选择
- 从第一级选择元素
- 使用分组下拉 - 避免选择父级
- 如何仅选择级联中的第一个元素
- 查找选择器的第一个父级
- AngularJS - 如何进行级联选择并保存到API
- 在jQuery和javascript中选择父级的前0-n个子级的最佳性能
- 如何在列表中选择父级
- jQuery-为每个父级分别选择子级