我正在使用jQuery Chosen，我需要將每個選項文本從多個選擇的下拉串列中放入一個陣列中。
我可以通過以下方式輕松獲取陣列中的所有值：
<select id="select_custom" data-placeholder="Choose a city" style="width:50%;" class="chosen-processed" multiple>
<option value="cty01">New York</option>
<option value="cty02">Madrid</option>
<option value="cty03">Montreal</option>
<option value="cty04">Paris</option>
<option value="cty05">Berlin</option>
</select>
var select_custom = jQuery("#select_custom");
select_custom.change(function(){
var values = select_custom.chosen().val();
});
根據選擇的選項，它將回傳一個如下所示的值陣列：
['cty01', 'cty03', 'cty04']
獲取文本而不是值的等效項是什么？
['New York', 'Montreal', 'Paris']
在此先感謝您的幫助！
uj5u.com熱心網友回復：
var select_custom = jQuery("#select_custom");
select_custom.change(function(){
var values = select_custom.chosen().val();
var labels = [];
for (var i = 0; i < values.length; i ) {
var label = select_custom.find('[option value="' values[i] '"]').text();
labels.push(label);
}
console.log(labels);
});
我們基本上遍歷每個值，在<select>欄位中搜索<option>與該值匹配的標簽，然后將其推送到labels陣列。
uj5u.com熱心網友回復：
您可以使用地圖功能
https://api.jquery.com/jquery.map/
$("#select_custom").change(function() {
var text = $(this).find('option:selected').toArray().map(item => item.text).join();
console.log(text);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select_custom" data-placeholder="Choose a city" style="width:50%;" class="chosen-processed" multiple>
<option value="cty01">New York</option>
<option value="cty02">Madrid</option>
<option value="cty03">Montreal</option>
<option value="cty04">Paris</option>
<option value="cty05">Berlin</option>
</select>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/331430.html
標籤：javascript 查询 数组 jquery-选择
上一篇：在陣列中按特定順序分配顏色
下一篇：查找陣列中每個數字的第一次出現