Question

我有多个选择框，如

<select id="myMultiSelect" class="multiselect form-control" name="Status" multiple="multiple">
   <option value="AA">AA option</option>
   <option value="BB">BB option</option>  
     ...
  <option value="FF">FF option</option>  


</select>

我如何使用jquery存储用逗号分隔的字符串中的选定值，如

var string = "AA,BB,CC";

Answer 1

您可以使用.map() method获取值数组，然后加入它们：

Example Here

var selectValueString = $('#myMultiSelect > option').map(function () {
    return this.value;
}).get().join(',');

console.log(selectValueString); // "AA,BB,FF"

或者，没有jQuery：

Example Here

var options = document.querySelectorAll('#myMultiSelect > option');
var selectValueString = Array.prototype.map.call(options, function(el){
    return el.value;
}).join(',');

console.log(selectValueString); // "AA,BB,FF"

Answer 2

只需将其分配给变量即可。 .val()返回一组值：

var myval = $('select#myMultiSelect').val();

以下是展示其工作的示例：http://jsfiddle.net/MarkSchultheiss/6jyrfcfo/

从字符串内的multiselect元素中选择存储

2 个答案: