我有一个带有多个选项的选择标签,当加载页面时,我想将所选选项放在列表中的第一个位置。我使用的是 Angular ,所以我的选择代码是:
<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 来实现此目的?
最佳答案
这是可能的。下面的示例将首先添加额外的水果列表。
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>
关于javascript - 如何将多选的选定选项放在第一个位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54572569/