javascript - 从下拉列表中的数组中选择某个项目，然后将其显示为第一项并按字母顺序显示。

Question

我的下拉列表应该包含数组中所有项目的列表。然而，它们不应该从 A-Z 组织，而是选择一个项目应该使它成为列表中的第一个项目，并且列表应该从那里按字母顺序继续。我怎样才能做到这一点？

在此输入验证码

var array =["cellphone", "camara", "computer", "mouse", "track-pad", "usb", "screen"] 
enter code here

<select id="dropdownList">
<option>cellphone</option>
<option>camara</option>
<option>computer</option>
<option>mouse</option>
<option>track-pad</option>
<option>usb</option>
<option>screen</option>
</select>

Answer 1

你可以这样做:
检查下面的代码段

var array = ["cellphone", "camara", "computer", "mouse", "track-pad", "usb", "screen"];

var select = document.getElementById('dropdownList');
select.addEventListener('change', function() {

  array.sort(function(val1, val2) {
    return val1.localeCompare(val2);
  });

  array.unshift(this.value);
  array.splice(array.lastIndexOf(this.value), 1);

  var values = "";
  for (var i = 0; i < array.length; i++) {

    values += '<option>' + array[i] + '</option>';

  }

  select.innerHTML = values;
  console.log(array);
  console.log(this.value);

});

<select id="dropdownList">
  <option>cellphone</option>
  <option>camara</option>
  <option>computer</option>
  <option>mouse</option>
  <option>track-pad</option>
  <option>usb</option>
  <option>screen</option>
</select>