javascript - 多个selectpicker获取未排序的订单值

Question

这段代码运行良好。在多项选择中:

但我想以未排序的形式获取值，就像我选择第一次数值并第二次选择 DD 一样，所以值应该类似于 =[num],[dd] 但默认值显示 = [dd],[num]

<select name="select_dropdown" id="select_dropdown" class="select_seach form-control" onchange="Changedropdownvalue()" multiple data-selected-text-format="count > 3" >
  <option value="">Select Reference Format Order</option>
  <option value="[dd]">DD</option>
  <option value="[mm]">MM</option>
  <option value="[yy]">YY</option>
  <option value="[num]">Number</option>
</select>

Answer 1

您可以在click函数中执行一些手动处理，并按顺序存储所选值的数组，例如

var sel_arr = [];
$("#select_dropdown").on("click", function(e){
  if($(this).find("option:selected").length == 0) {
    sel_arr = [];
  } else if($(this).find("option:selected").length == 1) {
    sel_arr = [$(this).find("option:selected").val()];
  } else {
    var val = e.target.value;
    if ($.inArray(val, sel_arr) > -1) {
      sel_arr.splice( $.inArray(val, sel_arr), 1 );
    } else {
      sel_arr.push(val);
    }
  }

  console.log(sel_arr);
});

请注意，每当您需要使用选定的值时，您都需要调用 sel_arr 全局变量。不用说，这仅适用于 click，不适用于任何其他 change 方法。

FIDDLE