如何在不刷新整頁的情況下刷新選擇

Question

您好，我想在不刷新所有頁面的情況下刷新此選擇

<select name="number" id="number">
             <option value="1">first</option>
             <option value="2">second</option>
             <option value="3">third</option> 
</select>

我已經重置它，因為我需要它來執行一些任務，但要像一開始一樣更新它，我必須更新我的所有頁面，但我只想刷新組合框本身而不必刷新頁面。 我應該放什么代碼？

Answer 1

如果您想重置選擇，請嘗試此操作。

$('#number').val('');

或者

$('select option:selected').removeAttr('selected');

如果您想從下拉列表中刪除所有選項並將其設為空，請嘗試此操作。

$('#number').empty();

Answer 2

如果您有多個“選擇”，您可以隨時創建一個函數並使用它：

const selects = this.elementRef.nativeElement.querySelectorAll('select'); 
selects.forEach(select => {
   select.value = '';
});