2010-05-29 86 views
4

我开始学习jquery前几天,我非常喜欢它。但现在我有一个问题,不能单独解决。更改选择另一个选择的价值

我有两个选择

<select id="select1"> 
    <option value="1">1day</option> 
    <option value="2">2day</option> 
    <option value="3">3day</option> 
</select> 

<select id="select2"> 
    <option value="1">1day</option> 
    <option value="2">2day</option> 
    <option value="3">3day</option> 
</select> 

我需要设置#select2#select1相同的值,当#select1改变

我红约select标签here一些问题,但我需要设置“选择“属性,该选项具有相同的值。我该怎么做?

感谢

回答

9

要设置值使用.val()这样的:

$(function() { //run on document.ready 
    $("#select1").change(function() { //this occurs when select 1 changes 
    $("#select2").val($(this).val()); 
    }); 
}); 

You can see a working demo here

这将设置<select id="select2">相同的值作为其他人有。 .val(vale)选择在<select>中具有相应值的<option>,也取消选择先前的选择。您使用.val()无参数获得当前选择的<option>的值。

+0

嗯,这可能是他正在寻找的东西,但是你需要将你的代码包装在ready handler以及onchange事件中,因为他似乎是一个noob。 – Sarfraz 2010-05-29 12:20:50

+0

@Sarfraz - 好点,更新 – 2010-05-29 12:22:22

+0

不错!一个建议事实上,我们可以避免在第一次下拉$再次,可以用$(“#select2”)。val(this.value); – Raghav 2010-05-29 15:23:18

相关问题