Question

如何用jquery 联动获取 select下拉框的值 在线等

现在有2个select 对话框
<select name="select" class="" id="select1">
<option value="hello1">hello1</option>

<option value="hello2">hello2</option>
</select>
<select name="select" class="" id="select2">
<option value="hi1">hi1</option>

<option value="hi2">hi2</option>
</select>
用户选择id为select1的某一个下拉值时，则相对应的select2也会选择对应的值 是1对1的关系
比如 你选择id为select1的hello2 option 时，则id为select 2 也相应的选择 hi2
可以用bulr或focus 这些事件
我目前只会获取选中下拉选框的值 但是这个有对应关系 估计要跟数量有关系 不怎么会弄。。希望大家帮我提供思路 或者语句。

Answer 1

$(function(){
$("#select1").live("change",function(){
var a =$(this).val();
$("#select2").val(a)
})
$("#select2").live("change",function(){
var a =$(this).val();
$("#select2").val(a)
})
})

Answer 2

$(function () {
    var selects = $('#select1, #select2').change(function () {
        // jquery 1.6 以下请把prop改成attr
        selects.prop('selectedIndex', $(this).prop('selectedIndex'));
    });
});

Answer 3

这个如果和数据关联需要用到 ajax技术和数据库连接