Question

If I have select with id=”select_test”, how to delete all options inside but select stay on page, so I can load again some new options ? ( I get answer how to load, but I cannot empty, I tried like $('#select_test').empty();

and

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

but it doesn’t work ). Can someone say what I did wrong ?

Answer 1

It should work. Look at this fiddle.
Or try this code:

$("#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" />