javascript - 如何根据用户选择顺序重新排序多重选择的值

Question

如何根据用户选择选项的顺序而不是 html 中选项的顺序对选择多个 元素的逗号分隔值重新排序？

例如:

<select multiple>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

...如果用户选择“3”，然后选择“1”，然后选择“2”，则选择的返回值将为“1,2,3”。我怎样才能让它返回“3,1,2”？

请注意，我正在使用 jQuery 和 HTML5，因此如果需要我可以使用这些工具。

谢谢!

Answer 1

这记录了每个元素的点击添加将其保存到一个数组中。当一个项目被取消选择时，它将从数组中删除。

var vals = [];
$(document).ready(function(e) {
  $('#selector').change(function(e) {
    for(var i=0; i <$('#selector option').length; i++) {
      if ($($('#selector option')[i]).prop('selected') ) {
        if (!vals.includes(i)) {
          vals.push(i);
        }
      } else {
        if (vals.includes(i)) {
          vals.splice(vals.indexOf(i), 1);
        }
      }
    }

  })

  $("#final").click(function(e) {
    var order = '';
    vals.forEach(function(ele) {
      order += $($('#selector option')[ele]).val() + ',';
    })

    console.log(order);
  })
})

代码笔:http://codepen.io/nobrien/pen/pydQjZ