Форум

al456 · #1 (**permalink**) 19.06.2014, 09:53

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

<!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>

рони · #2 (**permalink**) 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 · #3 (**permalink**) 19.06.2014, 11:18

Супер!!!! Спасибо!!!

Форум

Справочник

Discord чат

Курсы javascript