如何将所选选项放入数组中取决于用户选择?

时间:2016-02-10 02:45:14

标签: php jquery arrays ajax

我想获取所选选项的值并使用AJAX创建数组。我有这个代码,

<select class="form-control" name="cols[]" multiple="multiple" id="cols[]" required="required">
  <option value="val1">uploaded to webgis</option>
  <option value="val2">Remarks on upload</option>
  <option value="val3">Level of Approval</option>
  <option value="val4">Date Approved</option>
  <option value="val5">Year Approved</option>
</select>

如何使用 AJAX 将其放入数组中?例如,用户选择了 val4 ,然后是 val5 ,然后是 val1 。我想要实现的是对它们进行排序取决于用户选择,数组(val4,val5,val1)。

1 个答案:

答案 0 :(得分:0)

使用.change()捕获更改发生后选择更改的事件获取所有选定的选项值,然后使用.map()将数组或对象中的所有项目转换为新的项目数组。

&#13;
&#13;
$('.form-control').change(function() {
  var optionvalue = $("option:selected", this).map(function() {
    return this.value
  }).get().join(", ");

  console.log(optionvalue)
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="form-control" name="cols[]" multiple="multiple" id="cols[]" required="required">
  <option value="val1">uploaded to webgis</option>
  <option value="val2">Remarks on upload</option>
  <option value="val3">Level of Approval</option>
  <option value="val4">Date Approved</option>
  <option value="val5">Year Approved</option>
</select>
&#13;
&#13;
&#13;

试试这种方式