javascript - 如何使用 jQuery/JavaScript 从下拉列表中删除所有选项

Question

我有一个下拉列表，如下所示:

<select id="models" onchange="removeElements()">
            <option id = "remove" value="0">R8</option>
            <option id = "remove" value="1">Quattro</option>
            <option id = "remove" value="2">A6 hatchback</option>
</select>

我将如何创建脚本 removeElements() 以删除选择中的所有选项？

Answer 1

你没有说在哪个事件上。只需在你的事件监听器上使用下面。或者在你的页面加载中

$('#models').empty()

然后重新填充

$.getJSON('@Url.Action("YourAction","YourController")',function(data){
 var dropdown=$('#models');
dropdown.empty();  
$.each(data, function (index, item) {
    dropdown.append(
        $('<option>', {
            value: item.valueField,
            text: item.DisplayField
        }, '</option>'))
      }
     )});