獲得小組中的所有選擇的選項，如果選擇字段

Question

我有不同數量的選擇字段與NE名組

<select name="group[1]" onChange="showMeAllSelectedGroups(); return false;"> 
    <option value="46">Rot</option> 
    <option value="1">Blau</option> 
</select> 


<select name="group[6]" onChange="showMeAllSelectedGroups(); return false;"> 
    <option value="a">a</option> 
    <option value="b">b</option> 
</select> 

現在我需要從每一個選擇場的所有選擇的選項，當他們中的一個被改變時。

function showMeAllSelectedGroups() {  
    $("select").each(function() {  
     alert($(this).val()); 
    }); 
} 

這工作得很好，但我給我的每一個選擇字段的值在頁面上，我只需要有選擇字段選定選項的名稱爲組

這不起作用：

function showMeAllSelectedGroups() {  
    $("select[name='group']").each(function() {  
     alert($(this).val()); 
    }); 
} 

我在做什麼錯？

Answer 1

啓動正如其他人所建議的那樣，您需要操作員01開始，而是從name你可以使用正則表達式/group\[(\d+)\]/得到數： -

function showMeAllSelectedGroups() { 
 
    $("select[name^='group']").each(function() { 
 
    var number = /group\[(\d+)\]/.exec(this.name)[1]; 
 
    $('body').append("<div>group number = " + number + "</div>"); 
 
    $('body').append("<div>select value = " + $(this).val() + "</div>"); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="group[1]" onChange="showMeAllSelectedGroups(); return false;"> 
 
    <option value="46">Rot</option> 
 
    <option value="1">Blau</option> 
 
</select> 
 

 

 
<select name="group[6]" onChange="showMeAllSelectedGroups(); return false;"> 
 
    <option value="a">a</option> 
 
    <option value="b">b</option> 
 
</select>

Answer 2

它沒有工作的原因是，select[name='group']是錯誤的選擇器，目標元素名稱爲group[1]和group[6]。 select[name='group']只會尋找那些具有name=group

可以，而使用屬性元素與選擇開始：

$("select[name^='group[']").each(function() {  
    alert($(this).val()); 
}); 

Answer 3

您需要使用與選擇https://api.jquery.com/attribute-starts-with-selector/

function showMeAllSelectedGroups() {  
 
    $("select[name^='group']").each(function() {  
 
     alert($(this).val()); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<select name="group[1]" onChange="showMeAllSelectedGroups(this); return false;"> 
 
    <option value="46">Rot</option> 
 
    <option value="1">Blau</option> 
 
</select> 
 

 

 
<select name="group[6]" onChange="showMeAllSelectedGroups(this); return false;"> 
 
    <option value="a">a</option> 
 
    <option value="b">b</option> 
 
</select>