jQuery 通过一个操作在三个 SELECT 下拉列表中选择相同的选项

我有 3 个 SELECT 下拉菜单

SELECT 1

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

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>

SELECT 3

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

SELECT 2 隐藏在后台（这是由于 JSP/Struts 限制）。

我需要的是一种方法，如果用户选择 SELECT 1 选项，则将选择 SELECT 2 相应选项，然后选择 SELECT 3 相应选项。

EXAMPLE:

用户选择 SELECT 1 选项<option value="mercedes">Mercedes</option>

预期成绩：

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

AND

SELECT 3 自动选择选项<option value="1000">Sport</option>

差不多就是这样了。我将举一个例子。

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

Edit:这个例子：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>