jQuery 如何使用jquery从多选下拉列表中获取选定的选项值
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/22319630/
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 option values from multiselects drop down using jquery
提问by user2086370
i wanted to select selected values from multiselect drop down See in jsfiddle
我想从多选下拉列表中选择选定的值参见 jsfiddle
i tried some way but not getting , can some one help me out of this problem
我尝试了一些方法但没有得到，有人能帮我解决这个问题吗
<script type="text/javascript">
$(function(){
$("select").multiselect({
click: function(e){
var abc = $(this).multiselect("widget").find("input:checked");
console.log(abc);
}
});
});
</script>
</head>
<h3>Basic</h3>
<p>
<select title="Basic example" multiple="multiple" name="example-basic" size="5">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
<option value="option9">Option 9</option>
<option value="option10">Option 10</option>
<option value="option11">Option 11</option>
<option value="option12">Option 12</option>
</select>
</p>
采纳答案by Ekramul Hoque
Try this code to get selected item
试试这个代码来获取选定的项目
<script>
$( "select" )
.change(function() {
var str = "";
$( "select option:selected" ).each(function() {
str += $( this ).text() + " ";
});
$( "div" ).text( str ); // Put selected value to div
console.log(str);
})
.trigger( "change" );
</script>
回答by Sarath
try the following
尝试以下
$("#examplea").on("click", function(){
$("#examplea option:selected").each(function(){
alert($(this).val());
});
});
回答by amit_183
first assign id to select tag say basic_example Use this in Javascript:
首先分配 id 选择标签说 basic_example 在 Javascript 中使用它：
if($('#basic_example').is(":checked"))
{
var temp=($('#basic_example').serialize());
alert(temp);
}
Hopefully this works
希望这有效
回答by Systematix Infotech
<script type="text/javascript">
$(document).ready(function() {
$("select").multiselect({
close: function() {
debugger;
var values = new Array();
$(this).multiselect("getChecked").each(function(index, item) {
values.push($(item).val());
});
$("input[id*=selectedValues]").val(values.join(","));
}
});
});
</script>
