jquery का उपयोग कर एकाधिक चयन बॉक्स मान कैसे प्राप्त करें?

Question

jquery का उपयोग कर एकाधिक चयन बॉक्स मान कैसे प्राप्त करें?

Answer 1

jQuery .val()

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

Answer 2

एक बहु-चयन सूची पर .val() समारोह का उपयोग करते हुए चयनित मानों की एक सरणी वापस आ जाएगी:

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

और अपने html में:

<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

आप जेएस मैप फ़ंक्शन का भी उपयोग कर सकते हैं:

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

और फिर आप option तत्व की किसी भी संपत्ति प्राप्त कर सकते हैं: इस समस्या का एक और approch

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); 

। चयनित सरणी में इंडेक्स विकल्प विकल्प के रूप में होंगे और प्रत्येक सरणी आइटम में टेक्स्ट के मूल्य के रूप में होगा।

उदाहरण

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

यदि विकल्प 1 का कहना है और 2 के लिए

चुने गए हैं।

चयनित सरणी होगा:

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

Answer 5

एचटीएमएल कोड:

<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 कोड:

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

}); 

आशा है कि यह काम करता है

Answer 6

अल्पविराम विभाजक में मूल्यों का चयन किया हो जाओ

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

बस का उपयोग इस

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