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

store selection from multiselect element inside string

本文关键字：存储 字符串 选择 元素      更新时间：2023-09-26

我有类似的多选框

<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";

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

此处示例

var selectValueString = $('#myMultiSelect > option').map(function () {
    return this.value;
}).get().join(',');
console.log(selectValueString); // "AA,BB,FF"

或者，没有jQuery:

此处示例

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"

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

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

下面是一把小提琴的样品：http://jsfiddle.net/MarkSchultheiss/6jyrfcfo/

相关文章：