的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