2

ページの呼び出しで終了する単純な連鎖 ( http://www.appelsiini.net/projects/chained ) 選択ボックスを作成しようとしています。このサイトにある 2 つのコード スニペットを使用しましたが、 2つを組み合わせるのは本当に面倒です。これが私のスクリプトです：

$(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

プラグインで、ソースの 54 行chained()目を次のようにコメントアウトしてみてください。

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

私はそれを行い、すべてが期待どおりに機能します。2つ以上の選択に拡張していないので、それが必要な場合は、それを実行する必要があります.

于 2012-08-19T00:46:38.013 に答える