Пожалуйста, объясните, как я могу изменить свойство "selected" для опции? Например:.
<select id="lang_select">
<option value="en" selected="selected">english</option>
<option value="ar">العربية</option>
<option value="az">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
Итак, если я изменяю значение выпадающего списка, в html-данных ничего не изменяется. Почему?
Только если я попытаюсь принудительно перезагрузить свойство, используя jQuery, он будет работать.
$(document).on('change',"select",function(){
var i = $(this)[0].selectedIndex;
var ch = $(this).children().each(function(index){
$(this).prop('selected',index == i);
if (index == i) {
$(this).attr('selected','selected');
} else {
$(this).removeAttr('selected');
}
});
});
Почему? Как я могу избежать этого? Можно ли изменить "выбранный" с помощью чистого html?
ИЗМЕНИТЬ Я хочу, чтобы это attrbute в теге html, потому что мне нужно сохранить и восстановить часть этого html-кода в будущем.