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

时间:2017-06-18 22:26:24

标签: javascript jquery ajax drop-down-menu

您好我想刷新此选择而不刷新所有页面

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

我已经重置它,因为我需要它来执行一些任务,但是在开始时更新它,我必须更新我的所有页面,但我只想刷新组合框而不必刷新页面。我应该放什么代码?

2 个答案:

答案 0 :(得分:2)

如果您想重置选择,请尝试此操作。

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

或者

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

如果要从下拉列表中删除所有选项并将其设置为空,请尝试此操作。

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

答案 1 :(得分:1)

如果您有多个“选择”,您可以随时创建一个函数并使用它:

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