怎么通过jquery控制页面中多个select标签中option的select属性

页面中有多个select标签,每个标签的值是相同的,但是改变一个标签的值就要使其他标签的值也变成相同的,这个功能应该怎么实现????

$(function(){
    $('select').change(function(){
        $('select').val(this.value);
    })
})

 休息了,有什么不懂,明天再问,代码没测试过,应该没问题!

追问

上面的代码确实能实现控制多个的功能,但是如果假设现在有4个select,我只需要控制其中的两个,如果通过标签id来控制不行,不知道有什么办法?

追答

要控制的2个select标签总要有个标识吧。不然怎么用选择器筛选出来?

$(function(){
    $('select').change(function(){
        $('#id1,#id2').val(this.value);
    })
})

追问

受益匪浅~在html中标签的id是可以相同的,为什么jquery选择器只能选择到第一个标签呢?又有没有办法是选择器选择到所有的相同id的标签呢?

追答

id不能重复,如果重复了,那么你查找出来的只有第一个,如果想查找出多个,可以给要操作的那2个select标签加上class属性,这个属性值你设置成一样的就行。

//<select class="className">
$(function(){
    $('select').change(function(){
        $('.className').val(this.value);
    })
})

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答