Использование плагина JQuery Chained для цепочки «в обоих направлениях»

Моя проблема проста. Рассмотрим распространенную марку автомобиля - пример модели, как показано ниже:

<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");

Но я хочу, чтобы это работало и и наоборот. Поэтому, если выбор марки автомобиля пуст, мне нужен полный список моделей. Выбор A1 во втором выборе приведет к выбору Audi в первом раскрывающемся списке.

Я просто добавил эту строку:

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

Но это не работает, так как оба варианта отображаются только для чтения (см. jsFiddle). Есть ли способ добиться что я хочу?


javascript jquery chained
person Sherlock    schedule 13.01.2014    source источник
comment
Кажется, довольно просто кодировать без плагина.   -  person epascarello    schedule 13.01.2014
comment
@epascarello круто — покажи нам в ответ!   -  person Barney    schedule 13.01.2014

Ответы (1)


arrow_upward
0
arrow_downward

Не знаком с цепной функцией, но вы сможете сделать что-то вроде этого:

$("#brand").change(function(){
  if($("#model").val()==""){
    $("#model").val($("#brand:selected").attr("class"));
  }
});
person invertedSpear    schedule 13.01.2014