Question

我正在创建一个包含各种选择元素的表单

<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');

        });
    });

Answer 1

我会这么说：

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

Answer 2

试试这个

<强> JAVASCRIPT

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

<强> HTML

<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/

Answer 3

这应该足够了：

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

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

设置类中选择元素的索引

3 个答案: