2

我正在尝试创建一个以调用页面结尾的简单链接（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>

它应该很简单，但我找不到我要去哪里错了？它可以工作，但会导致选择框被重复。谢谢

4

1 回答 1

0

在chained()插件中，尝试从源代码中注释掉第 54 行，它应该是：

$(self).trigger("change");

我做到了，一切都按预期工作。我没有将它扩展到超过 2 个选择，所以如果这是你需要的东西，你应该解决这个问题。

于 2012-08-19T00:46:38.013 回答