Вход

Просмотр полной версии : SELECT вернуть disabled


al456
19.06.2014, 09:53
На странице есть select id="s_city".
Выбрали позицию в этом select, потом поклацали по другим элементам.
Select остается на своем выборе.
Есть событие (клик на кнопочке id="b_clear"), по которому select id="s_city" должен отобразить "Выберите Город" (перейти в исходное состояние), как это реализовать??:help:


<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>

<select id="s_city" name="city">
<option disabled="" selected="selected">Выберите Город</option>
<option value="2">Абакан</option>
<option value="3">Барнаул</option>
</select>
<br>
<button id="b_clear">Очистить</buton>
</body>
</html>

рони
19.06.2014, 11:07
al456,
:-?
<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function ()
{
$('#b_clear').click(function ()
{
document.querySelector('#s_city').options[0].selected = true;
// $('#s_city option:first').prop({'selected' : true});
//$('#s_city option:disabled').prop({'selected' : true})
})

})
</script>
</head>

<body>
<select id="s_city" name="city">
<option disabled="" selected="selected">Выберите Город</option>
<option value="2">Абакан</option>
<option value="3">Барнаул</option>
</select>
<br>
<button id="b_clear">Очистить</button>

</body>

</html>

al456
19.06.2014, 11:18
Супер!!!! Спасибо!!!