空选择中的问题 - 从选择中删除所有选项

Question

如果我选择了id =“select_test”，如何删除里面的所有选项，但选择停留在页面上，所以我可以再次加载一些新选项？ （我得到的回答如何加载，但我没空，我试过像$('#select_test').empty();

和

$('#select_test').find('option').remove(); 

，但它不工作）。有人可以说我做错了什么吗？

Answer 1

它应该工作。看看这个fiddle。 或者试试这个代码：

$("#emptySelect").click(function() { 
 
    $('#select_test').empty(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<select id="select_test" multiple="multiple"> 
 
    <option>Low</option> 
 
    <option>Medium</option> 
 
    <option>High</option> 
 
</select> 
 

 
<input type="button" id="emptySelect" value="empty options" />

Answer 2

$('#select_test')[0].length = 0;