jQuery выбирает одну и ту же опцию в трех выпадающих меню SELECT одним действием

Question

У меня есть 3 выпадающих выбора

ВЫБРАТЬ 1

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

ВЫБРАТЬ 2

<select type="hidden">
  <option value="Sadan">Volvo</option>
  <option value="Sadan">Saab</option>
  <option value="Sport">Mercedes</option>
  <option value="Sport">Audi</option>
</select>

ВЫБРАТЬ 3

<select>
  <option value="1000">Sport</option>
  <option value="2000">Sadan</option>
</select>

SELECT 2 скрыт в фоновом режиме (это связано с ограничением JSP / Struts).

Мне нужен способ, если пользователь выбирает опцию SELECT 1, когда выбирается соответствующая опция SELECT 2, а затем выбирается соответствующая опция SELECT 3.

Пример:

Пользователь выбирает опцию SELECT 1 <option value="mercedes">Mercedes</option>

ОЖИДАЕМЫЕ РЕЗУЛЬТАТЫ:

ВЫБРАТЬ 2 автоматически выбранный вариант <option value="Sport">Mercedes</option>

И

ВЫБЕРИТЕ 3 автоматически выбранной опции <option value="1000">Sport</option>

Answer 1

Это довольно много. Я приведу пример.

$('#select1').change(function() {
   $('#select2').val($('#select1').val());
   $('#select3').val($('#select2').val());
});

Редактировать: Пример: http://jsbin.com/ahema

И у TStamper есть очень хорошая точка, убедитесь, что вы указали ID, иначе он не будет работать. (вы можете видеть это в примере)

<select --> id="select2" <-- type="hidden">
  <option value="Sadan">Volvo</option>
  <option value="Sadan">Saab</option>
  <option value="Sport">Mercedes</option>
  <option value="Sport">Audi</option>
</select>

Answer 2

Вы можете добавить класс в «Группировать» соответствующие опции, а затем при выборе выбрать эти опции с помощью селектора JQuery. Оттуда вы можете установить поля выбора на нужный индекс.