Как поставить выбранные параметры мувика выбрать в первую позицию

Question

У меня есть тег выбора с несколькими параметрами, и когда страница загружена, я хотел бы поместить выбранные параметры в первые позиции в списке.Я использую угловой, поэтому мой код для выбора:

<select class="form-control" id="field_shopName" multiple name="shopName [(ngModel)]=" product.shopNames ">
    <option [ngValue]="getSelected(product.shopNames, shopPdvOption) " *ngFor="let shopPdvOption of shoppdvs; trackBy: trackShopPdvById ">{{shopPdvOption.shopPdV}}</option>
</select>

Возможно ли добиться этого только с помощью html5 или javascript?

Answer 1

Это возможно.В приведенном ниже примере сначала будет добавлен дополнительный список фруктов.

window.onload = function () {
    var select = document.getElementById("fruits");
    var firstFruits = ['Kiwi', 'Peach', 'Orange'].reverse();
    
    firstFruits.forEach(function (fruit) {
      var option = document.createElement('option');
      option.text = option.value = fruit;
      select.add(option, 0);
    })
};

<select id="fruits">
  <option>Apple</option>
</select>