Chrome and reset select via jQuery

Question

Google Chrome

There is a line written in jQuery:

$('#styleGallery option:selected').removeAttr('selected');

Which should reset the selection in the select element.
In FF, everything works with a bang, and after the line is executed, the first element in the list becomes active.
In Chrome, select is reset. And the “empty line” becomes active, which chrome itself adds to the select element.

What is the right way to make it possible to “reset” the selection of the select element in both rows?

Answer 1

I would do this:
$("#select").val($("#select option:first").val());

Answer 2

Not sure , but try:
$('#styleGallery option:first').attr('selected','selected');

Answer 3

Or like this:

$('select option:first').attr('selected','1');

Answer 4

Add the selected attribute to the first option element.

Answer 5

For a select with a data-filter class, it would look like this:
$('select.data-filter').prop('selectedIndex',0);