我正在尝试创建一个简单的链接( http://www.appelsiini.net/projects/chained )选择框,以调用页面结尾,并使用了在此站点上找到的两个代码片段,但我在将两者结合起来时遇到了真正的麻烦。 这是我的脚本:
$(function() {
$("#classifications").chained("#rounds");
$("#classifications").change(function(){
$("#result").load( $(this).val() );
});
});
和我的html:
<select id="rounds">
<option value="">select round</option>
<option value="metric">Metric</option>
<option value="imperial">Imperial</option>
</select>
<select id="classifications">
<option value="">Select Classification</option>
<option value="test1.html" class="metric">Gents Metric</option>
<option value="test2.html" class="metric">Ladies Metric</option>
<option value="test3.html" class="metric">Juniors Metric</option>
<option value="test5.html" class="imperial">Gents Imperial</option>
<option value="test6.html" class="imperial">Ladies Imperial</option>
<option value="test4.html" class="imperial">Juniors Imperial</option>
</select>
<div id="result"></div>
这应该很简单,但我找不到哪里出错了?它有效,但会导致选择框重复。 谢谢
最佳答案
在chained()
插件中,尝试注释掉line 54 from the source应该是:
$(self).trigger("change");
我这样做了,一切都按预期进行。我还没有将其扩展到超过 2 个选择,因此如果这是您需要的,您应该解决这个问题。
关于jquery - 结合更改和链式 jquery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12023257/