Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设置类中选定元素的索引_Javascript_Jquery - Fatal编程技术网

Javascript 设置类中选定元素的索引

Javascript 设置类中选定元素的索引,javascript,jquery,Javascript,Jquery,我正在制作一个表单,它有各种选择元素,就像这样 <select class="nace"> <option value="no" selected="selected">No</option> <option value="yes">Yes</option> </select> 试试这个 javacscript $('.nace').change(function() { var selected = $(this

我正在制作一个表单,它有各种选择元素,就像这样

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

javacscript

$('.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>

不
对
不
对
不
对
这里的例子 试试这个

javacscript

$('.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>

不
对
不
对
不
对
这里的例子
这应该足够了:

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

OT:如果您的代码>选择字段只有两个选项,请考虑使用单选按钮。 这应该足够了:

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

OT:如果您的代码>选择字段只有两个选项,请考虑使用单选按钮。 我会这么说:

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

我会这样说:

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

+1-只是让你知道你不需要“每个”。jQuery将遍历所有匹配的元素。只需应用
$('.nace').val(选中)
即可将它们全部设置为相同的值:)您不需要
每个
。如果只使用
$('.nace').val(…),集合中的每个元素都会受到影响正确。我只是重新看了一下,结果发现你不需要.each+1-只是为了让你知道你不需要“.each”。jQuery将遍历所有匹配的元素。只需应用
$('.nace').val(选中)
即可将它们全部设置为相同的值:)您不需要
每个
。如果只使用
$('.nace').val(…),集合中的每个元素都会受到影响正确。我只是重新看了一下,结果发现你不需要。每个人,非常感谢你,我想我几乎到了那里,但试图把它复杂化:)太棒了,非常感谢你,我想我几乎到了那里,但试图把它复杂化:)