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

Question

Hello i want to refresh this select without refreshing all page

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

I had reset it because I needed it to perform a few tasks but to update it as in the beginning, I have to update all my page but I just want to refresh the combobox itself without having to refresh the page. What code should I put ?

Answer 1

If you want to reset the selection, please try this.

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

Or

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

If you want to remove all the option from the dropdown and make it empty, try this.

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

Answer 2

If you have more than one 'select' you can always create a function and use this:

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