jQuery在一个动作的三个SELECT下拉列表中选择相同的OPTION

Question

我有3个SELECT下拉菜单

选择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>

预期成绩:

SELECT 2自动选择选项 <option value="Sport">Mercedes</option>

和

SELECT 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>