如何将选定的选项放在数组中取决于用户的选择？

Question

我希望获得所选选项的值，并使用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)对它们进行排序。

Answer 1

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

​

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

  console.log(optionvalue)
})

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

​

试试这边