Как разместить выбранные параметры в массиве зависит от выбора пользователя?

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(), чтобы зафиксировать событие изменения выбора после того, как произошло изменение. Получите все выбранное значение параметра, затем используйте .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>

Попробуйте этот путь