Question

我想制作一个月份列表下拉菜单，它将选择值而不是选项文本。我使用了JQuery Multiselect.js，这是代码： 注意：CDN链接不在这里工作。但我的lib文件工作正常。

＆＃13;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Multi-select Dropdown List with Checkbox by CodexWorld</title>
<link href="https://cdn.jsdelivr.net/jquery.multiselect/1.13/jquery.multiselect.css" rel="stylesheet" type="text/css">
<style>
body { font-family:'Open Sans' Arial, Helvetica, sans-serif}
ul,li { margin:0; padding:0; list-style:none;}
.label { color:#000; font-size:16px;}
</style>
</head>
<body>
    
<h2>jQuery MultiSelect Basic Uses</h2>
<select name="langOpt[]" multiple id="langOpt" >
 <option value="All">All</option>
 <option value="Jan">January</option>
 <option value="Feb">February</option>
 <option value="Mar">March</option>
 <option value="Apr">April</option>
 <option value="May">May</option>
 <option value="Jun">June</option>
 <option value="Jul">July</option>
 <option value="Aug">August</option>
 <option value="Sep">September</option>
 <option value="Oct">October</option>
 <option value="Nov">November</option>
 <option value="Dec">December</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.multiselect/1.13/jquery.multiselect.js"></script>
<script>
$('#langOpt').multiselect({	
    placeholder: 'Select Months'
});

</script>



</body>
</html>

＆＃13;

＆＃13; 给定的代码适用于选项文本。但是如果用户选择：11月和12月，那么我想输出选项值： 11月，12月。

请帮助谢谢。

Answer 1

最好使用下拉复选框而不是多次选择。

您检查以下问题

Bootstrap dropdown checkbox select

也尝试一下，让我知道

http://www.jqueryscript.net/demo/jQuery-Multiple-Select-Plugin-For-Bootstrap-Bootstrap-Multiselect/

啦啦队

Answer 2

对不起，来晚了，您可以使用 $（'＃your_select'）。multiSelect（'select'，字符串或数组）;

选择项目并使用

$（'＃your_select'）。multiSelect（'deselect'，字符串或数组）;

用于选择项目。请参阅以下文档：http://loudev.com

JQuery：如何从multiselect中选择值

2 个答案: