设置跨类所选元素的索引

Setting index of select elements across a class

本文关键字：元素 索引 设置      更新时间：2023-09-26

我正在制作一个有各种选择元素的表单，像这样

<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>

我正试图写一个jQuery代码片段，它将改变所有这些选择类"nace"的选择，所以选择的值都是一致的。但我有点挣扎与功能。到目前为止，我有一个事件绑定到选择的变化，但不能完全得到它的权利。有人能帮我吗?

    $('.nace').change(function() {
        var selected = $(this).val();
        $('.nace option:selected="selected"' ).each(function(){
            $(this+' option[value='+$(this).value+']').attr('selected', 'selected');
        });
    });

我就会这么说:

$(document).ready(function() {
 $('.nace').change(function() {
        var selected = $(this).val();
        $('.nace' ).val(selected);
    });
});

试试这个

JAVACSRIPT 

$('.nace').change(function() {
    var selected = $(this).val();
    $('.nace' ).each(function(){
        $(this).val(selected);
    });
}); 


<select class="nace">
    <option value="no" selected="selected">No</option>
    <option value="yes">Yes</option>
</select>
<select class="nace">
    <option value="no" selected="selected">No</option>
    <option value="yes">Yes</option>
</select>
<select class="nace">
    <option value="no" selected="selected">No</option>
    <option value="yes">Yes</option>
</select>

例子http://jsfiddle.net/FwYmf/

这应该足够了:

var $nace = $('.nace').change(function() {
    $nace.val($(this).val());
    // or (but not necessary) $nace.not(this).val($(this).val());
});

OT:如果您的select字段只有两个选项，请考虑使用单选按钮。

相关文章：