jQuery: удалите все параметры из поля выбора, а затем добавьте один вариант и выберите его

Последнее обновление 21 сентября 2018 11:14:50 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

JQuery Практическое упражнение. Часть I: Упражнение 15

Используя jQuery, удалите все параметры из поля выбора, а затем добавьте один параметр и выберите его.

Пример решения:

HTML-код:

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Remove all the options of a select box and then add one option and select it with jQuery</title>
  </head>
  <body>
  <select id='myColor'>
  <option value="Red">Red</option>
  <option value="Blue">Blue</option>
  <option value="Green">Green</option>
  </select>
<input type="button" value="Click to Remove all Options" onclick="Remove_options()"/>
  </body>
  </html>

Код JavaScript:

function Remove_options()
{
$('#myColor')
    .empty()
    .append('<option selected="selected" value="test">White</option>');
}

См. Pen jquery- Practical -упражнение-15 от w3resource ( @ w3resource ) на CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущая: Добавить элементы списка в неупорядоченный элемент списка с помощью jQuery.
Далее: Подчеркните все слова текста, используя jQuery.