如何在不刷新整页的情况下刷新选择

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 = '';
});