2

私の問題は単純です。以下に示すように、一般的な自動車ブランド - モデルの例を考えてみましょう。

<select id="brand">
    <option value="">Choose</option>
    <option value="audi" class="a1 a3 a4">Audi</option>
    <option value="bmw" class="3-series 5-series 7-series">BMW</option>
</select>

<select id="model">
    <option value="">Choose</option>
    <option value="A1" class="audi">A1</option>
    <option value="A3" class="audi">A3</option>
    <option value="A4" class="audi">A4</option>
    <option value="3-series" class="bmw">3-series</option>
    <option value="5-series" class="bmw">5-series</option>
    <option value="7-series" class="bmw">7-series</option>
</select>

次のように、JQuery Chained プラグインを使用して、モデルをブランドに簡単にチェーンできます。

$("#model").chained("#brand");

しかし、私はそれが逆にも機能することを望んでいます。車のブランドの選択が空の場合は、完全なモデル リストが必要です。2 番目の選択で A1 を選択すると、最初のドロップダウンで Audi が選択されます。

私は単にこの行を追加しました：

$("#brand").chained("#model");

ただし、両方の選択を読み取り専用でレンダリングするため、これは機能しません (jsFiddle を参照)。私が望むものを達成する方法はありますか？

4

1 に答える 1

0

連鎖関数に慣れていませんが、次のようなことができるはずです。

$("#brand").change(function(){
  if($("#model").val()==""){
    $("#model").val($("#brand:selected").attr("class"));
  }
});
于 2014-01-13T16:58:29.550 に答える