Как изменить option select при клике по внешнему элементу (Safari)?

Question

[Андрей Александрович]

Здравствуйте!

В Safari и на iOS не меняется выбранной свойство select при клике по внешнему элементу.

Вот что я написал - работает везде кроме Safari :(
https://jsfiddle.net/qsv0okh4/

Атрибут selected="" меняется у option при клике, но название выбранного элемента не меняется.

Подскажите, пожалуйста, как сделать кроссбраузерно?

Answer 1

[Андрей Александрович]

Разобрался самостоятельно.
Помогло добавление строки:
$('#rate').val(val).trigger('change');

Рабочий пример: https://jsfiddle.net/qsv0okh4/1/

Answer 2

[tyzberd]

попробуйте вместо $(this).attr('selected', false);

$(this).attr('selected');
$(this).removeAttr('selected');

или .prop( "checked" );
api.jquery.com/attr

Comments

[Андрей Александрович]

не срабоботало(

[tyzberd]

вот так работает https://jsfiddle.net/qsv0okh4/2/
атрибут нужно использовать для выбора при загрузке страницы. В ответе ссылку скидывал.