jQuery通过一项操作在三个SELECT下拉列表上选择相同的OPTION [英] jQuery select the same OPTION on three SELECT drop downs with one action

问题描述

我有3个SELECT下拉列表

I have 3 SELECT drop down

选择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 2 is hidden in the background (This is due to the JSP/Struts limitation).

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

What I need is a way if the user selects SELECT 1 option that SELECT 2 corresponding option would be selected and then SELECT 3 corresponding option would be selected.

示例:

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

User selects SELECT 1 option <option value="mercedes">Mercedes</option>

预期结果:

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

SELECT 2 auto selected option <option value="Sport">Mercedes</option>

AND

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

SELECT 3 auto selected option <option value="1000">Sport</option>

推荐答案

这差不多.我会举一个例子.

This is pretty much it. I'll work up an example.

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

示例: http://jsbin.com/ahema

TStamper有一个很好的观点，请确保您输入了ID，否则将无法使用. (您可以在示例中看到)

And TStamper has a very good point, make sure you put in the ID, or it won't work. (you can see that in the example)

<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通过一项操作在三个SELECT下拉列表上选择相同的OPTION的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！