Làm thế nào để nhận được nhiều giá trị hộp chọn bằng cách sử dụng jquery?

Question

Làm thế nào để nhận được nhiều giá trị hộp chọn bằng cách sử dụng jquery?

Answer 1

jQuery .val()

var foo = $('#multiple').val(); 

Answer 2

Sử dụng .val() chức năng trên một danh sách chọn nhiều sẽ trả về một mảng các giá trị được chọn:

var selectedValues = $('#multipleSelect').val(); 

và trong html của bạn:

<select id="multipleSelect" multiple="multiple"> 
    <option value="1">Text 1</option> 
    <option value="2">Text 2</option> 
    <option value="3">Text 3</option> 
</select> 

Answer 3

Bạn cũng có thể sử dụng chức năng bản đồ js:

$("#multipleSelect :selected").map(function(i, el) { 
    return $(el).val(); 
}); 

Và sau đó bạn có thể nhận được bất kỳ tài sản của các yếu tố option:

return $(el).text(); 
return $(el).data("mydata"); 
return $(el).prop("disabled"); 
etc... 

Answer 4

var selected=[]; 
$('#multipleSelect :selected').each(function(){ 
    selected[$(this).val()]=$(this).text(); 
    }); 
console.log(selected); 

Tuy nhiên, một approch cho vấn đề này. Mảng được chọn sẽ có các chỉ mục làm giá trị tùy chọn và mỗi mục mảng sẽ có văn bản làm giá trị của nó.

ví dụ

<select id="multipleSelect" multiple="multiple"> 
    <option value="abc">Text 1</option> 
    <option value="def">Text 2</option> 
    <option value="ghi">Text 3</option> 
</select> 

nếu nói phương án 1 và 2 được chọn.

mảng chọn sẽ là:

selected['abc']=1; 
selected['def']=2. 

Answer 5

Mã Html:

<select id="multiple" multiple="multiple" name="multiple"> 
    <option value=""> -- Select -- </option> 
    <option value="1">Opt1</option> 
    <option value="2">Opt2</option> 
    <option value="3">Opt3</option> 
    <option value="4">Opt4</option> 
    <option value="5">Opt5</option> 
</select> 

JQuery Code:

$('#multiple :selected').each(function(i, sel){ 
    alert($(sel).val()); 

}); 

Hy vọng nó hoạt động

Answer 6

Get giá trị được chọn trong tách dấu phẩy

var Accessids = ""; 
$(".multi_select .btn-group>ul>li input:checked").each(function(i,obj) 
{ 
    Accessids=Accessids+$(obj).val()+","; 
}); 
Accessids = Accessids.substring(0,Accessids.length - 1); 
console.log(Accessids); 

Answer 7

Chỉ cần sử dụng này

$('#multipleSelect').change(function() { 
    var selectedValues = $(this).val(); 
});