自动设置第二个选择字段的值

问题描述:

所以基本上我需要做的功能是,如果你从第一个选择框中选择了一些东西,它也会在第二个选择框中自动选择,如果你在第二个选择框中改变任何东西,它会也可以在第一个选择框中自动更改。这里是我目前的距离,我已经修复了,如果某公司更改了第一个选择框的值,但我不确定如何使第二个选择框的值与第一个相同,反之亦然。 - http://jsfiddle.net/3Tt7N/5/自动设置第二个选择字段的值

希望你能帮助我这个;)!

+1

可能重复[如何使一个选择框的值驱动第二选项选择框](http://stackoverflow.com/questions/2603539/how-to-make-the-value-of-one-select-box-drive-the-options-of-a-second-sel ect-box) – 2012-03-20 15:28:48

基本上,你需要做的是收集值的第一台,并组作为第二台 .VAL参数()的“.VAL()”。它可能看起来像这样

$("#table2").val($("#table1").val(cars)); 

但是,这只是丑陋 ...所以相反,我们将其分配给VAR(一个你选择来命名汽车)和通变量到相应的表'.val()'方法。

$("#table1").change(function() { 
    var cars = $("#table1").val(); 
    $("#table2").val(cars); 
}); 

$("#table2").change(function() { 
    var cars = $("#table2").val(); 
    $("#table1").val(cars); 
}); 

证明:http://jsfiddle.net/iredmedia/jPNYK/

+0

如果这个工作可以接受为答案,请:D! – iRedMedia 2012-03-20 15:37:55

+0

谢谢!接受作为第一个答复! – 2012-03-20 15:43:34

+0

;)谢谢!我也必须说,这是最干净的。有一种方法可以在一个函数调用中做到这一点,但是我非常喜欢jQuery的强大功能。 – iRedMedia 2012-03-20 15:49:37

在这里你去。 http://jsfiddle.net/jYqJJ/

试试这个:

JS

$("#table1").click(function() { 
    $("#table2").val($("#table1").val()) ; 
});​ 
$("#table2").click(function() { 

    $("#table1").val($("#table2").val()) ; 
     }); 

例子:

http://jsfiddle.net/3Tt7N/10/