使用Java脚本的Chain 2下拉列表 [英] chain 2 dropdown lists with javascript
本文介绍了使用Java脚本的Chain 2下拉列表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我希望将两个下拉菜单链接在一起，以便第二个下拉菜单仅显示值与第一个下拉菜单匹配的选项。
这是我的html
<select class="form-control" id="color">
<option value=""> choose options </option>
<option value="27">Blomme</option>
<option value="26">Grøn</option>
<option value="28">Syren</option>
</select>
<select class="form-control" id="size">
<option value=""> choose options </option>
<option value="27">XL </option>
<option value="26">L</option>
<option value="26">L</option>
<option value="26">L</option>
<option value="28">S</option>
</select>
我已经尝试过http://appelsiini.net/2010/jquery-chained-selects，但无法正常工作：/
更新：
使用插件时，我的代码是：
<select class="form-control" id="color">
<option value=""> choose options </option>
<option value="27">Blomme</option>
<option value="26">Grøn</option>
<option value="28">Syren</option>
</select>
<select class="form-control" id="size">
<option value=""> choose options </option>
<option class="27" value="27">XL</option>
<option class="26" value="26">L</option>
<option class="26" value="26">L</option>
<option class="26" value="26">L</option>
<option class="28" value="28">S</option>
</select>
<script type="text/javascript">
$('#size').chainedTo('#color');
</script>
推荐答案
您需要对第二个<select>值应用class=value。检查
Working DEMO
<select class="form-control" id="color">
<option value="">choose options</option>
<option value="27">Blomme</option>
<option value="26">Grøn</option>
<option value="28">Syren</option>
</select>
<select class="form-control" id="size">
<option value="">choose options</option>
<option value="27" class="27">XL</option>
<option value="26" class="26">L</option>
<option value="26" class="26">L</option>
<option value="26" class="26">L</option>
<option value="28" class="28">S</option>
</select>
这篇关于使用Java脚本的Chain 2下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
