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

我有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>

SELECT2隐藏在后台，这是由于JSP/Struts的限制

我需要的是一种方法，如果用户选择选择1选项，选择2对应的选项将被选中，然后选择3对应的选项将被选中

例如：

用户选择“选择1”选项

预期成果：

选择2个自动选择选项

及

---

选择3个自动选择选项“运动”

这几乎就是它。我来举个例子

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

编辑：示例：

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>

---

差不多就是这样。我来举个例子

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

编辑：示例：

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>

---

您可以将一个类添加到相应选项的“分组”中，然后在选择后使用JQuery选择器选择这些选项。从那里，您可以将选择框设置为所需的索引。

您可以添加一个类来“分组”相应的选项，然后在选择后使用JQuery选择器选择这些选项。从那里，您可以将选择框设置为所需的索引。

@Phil-只需注意：您需要将您的选择标记设置为jquery代码构成的id名称。由于某些原因，我无法让它工作。我确实为SELECT设置了Id，但没有发生任何事情。你看了示例吗？是的，我看了示例，它与你发布的代码相同，不知道出了什么问题：我会努力让它工作或发布问题，谢谢你应该在document.read或$function{…}中设置它@Phil-只是要注意：您需要将select标记设置为jquery代码构成的id名称，因为某些原因，我无法让它工作。我确实为SELECT设置了Id，但没有发生任何事情。你看了示例吗？是的，我看了示例，它与你发布的代码相同，不知道出了什么问题：我会努力让它工作或发布问题，谢谢你应该在document.read或$function{…}中设置它你看了我放在那里的例子了吗？你看了我放在那里的例子了吗？