的jQuery遍历选择和设置选择的选项

Question

我想通过所有的页面上，如果选择输入回路选择的值是没有一定的选项，然后将该值设置为选择

我有一些选择

<select name="select1"> 
    <option value="1">One</option> 
    <option value="2" selected>Two</option> 
    <option value="3">Three</option> 
    <option value="4">Four</option> 
    <option value="5">Five</option> 
</select> 

<select name="select2"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
    <option value="4">Four</option> 
    <option value="5">Five</option> 
</select> 

<select name="select3"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
    <option value="4">Four</option> 
    <option value="5">Five</option> 
</select> 

我循环通过他们像这样，但我无法弄清楚如何将选中的属性设置为，如果它尚未被选中

$('select').each(function() { 

    var selected = $(this).find(":selected"); 

    if (selected.val() != 2) { 
     // do some stuff 

    } 

} 

编辑选项“2”：

我应详细说明。如果选择的输入值被改变，我附加一个字符串，例如'更新'为输入值，因为每个输入都将发布到数据库中。理想情况下我只能这样做对已经改变了的效率输入

所以我想将所有选择不已经有选项2选择要选择有“2-更新”的值输入

感谢所有的答案至今

Answer 1

您可以将所需的选项值传递给.val()方法同时配置选择来选择所需的选项元素：

$('select').val('2'); 

工作段：

$('select').val('2');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<select name="select1"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3" selected>Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select> 
 

 
<select name="select2"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select> 
 

 
<select name="select3"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select>

Answer 2

查找与价值等于2的所有选项，并选择他们：

$('select').each(function() { 
 
    $(this).find('option[value="2"]').prop('selected', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<select name="select1"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3" selected>Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select> 
 

 
<select name="select2"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select> 
 

 
<select name="select3"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
    <option value="5">Five</option> 
 
</select>

Answer 3

您可以探索这个jQuery对象的value关键

$('select').each(function() { 
    var selected = $(this)[0].value; 
    console.log(selected) 
    if (selected != 2) { 
     alert("Not 2") 

    } 
}) 

JSFIDDLE