javascript - 将多选元素的选择存储在字符串中

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"