javascript 如何在 SumoSelect 下拉列表中获取选定的值?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/34306924/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to get selected values in SumoSelect dropdown?
提问by Ramalingam Perumal
I am using the SumoSelectdropdown for multiselect options. But i cannot get the selected values array. Below the sample code :
我正在使用SumoSelect下拉菜单进行多选选项。但我无法获得选定的值数组。在示例代码下方:
<script type="text/javascript">
$(document).ready(function () {
window.testSelAll = $('.testSelAll').SumoSelect({okCancelInMulti:true, selectAll:true });
$('.btnOk').on('click', function(){
var obj = [];
$('option:selected').each(function () {
obj.push($(this).index());
alert("Selected Values=="+$(this).val());
});
for (var i = 0; i < obj.length; i++) {
$('.testSelAll')[0].sumo.unSelectItem(obj[i]);
}
});
});
</script>
<select multiple="multiple" placeholder="Share Your Friends" onchange="console.log($(this).children(':selected').length)" class="testSelAll">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="audi">Audi</option>
<option value="bmw">BMW</option>
<option value="porsche">Porche</option>
<option value="ferrari">Ferrari</option>
<option value="mitsubishi">Mitsubishi</option>
</select>
回答by Magnus Engdal
If you want the selected valuesinstead of the text, just change .text()
to .val()
.
如果您想要选定的值而不是文本,只需更改.text()
为.val()
.
If you want to get the array, see below with working example at the bottom.
如果您想获取数组,请参阅下面的底部工作示例。
jQuery
jQuery
$(document).ready(function() {
$('.testSelAll').SumoSelect({
okCancelInMulti: true,
selectAll: true
});
$('.btnOk').on('click', function() {
var obj = [],
items = '';
$('.testSelAll option:selected').each(function(i) {
obj.push($(this).val());
$('.testSelAll')[0].sumo.unSelectItem(i);
});
for (var i = 0; i < obj.length; i++) {
items += ' ' + obj[i]
};
alert(items);
});
});
HTML
HTML
<select multiple="multiple" class="testSelAll">
<option value="car1">Volvo</option>
<option value="car2">Saab</option>
<option value="car3">Mercedes</option>
<option value="car4">Audi</option>
</select>
回答by brandelizer
You can get them from underlying hidden select element. using jquery eg.
您可以从底层隐藏的选择元素中获取它们。使用 jquery 例如。
$('.select1 option:selected')
回答by Mazen Elkashef
I think the cleanest way to do this. Is to take advantage of html5 select element underlying SumoSelect.
我认为最干净的方法来做到这一点。就是利用了SumoSelect底层的html5 select元素。
HTML
HTML
<select multiple="multiple" class="testSelAll" id="multi-select">
<option value="car1">Volvo</option>
<option value="car2">Saab</option>
<option value="car3">Mercedes</option>
<option value="car4">Audi</option>
</select>
Javascript
Javascript
var values = $('#multi-select').val();
This line will return a string list of the values selected.
此行将返回所选值的字符串列表。