JavaScript: удалить элементы из выпадающего списка
JavaScript DOM: упражнение-8 с решением
Напишите программу на JavaScript для удаления элементов из выпадающего списка.
Пример HTML-файла:
<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>Remove items from a dropdown list</title>
</head><body><form>
<select id="colorSelect">
<option>Red</option>
<option>Green</option>
<option>White</option>
<option>Black</option>
</select>
<input type="button" onclick="removecolor()" value="Select and Remove">
</form></body></html>
Пример решения : -
HTML-код:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {margin: 30px;}
</style>
<meta charset=utf-8 />
<title>Remove items from a dropdown list</title>
</head><body><form>
<select id="colorSelect">
<option>Red</option>
<option>Green</option>
<option>White</option>
<option>Black</option>
</select>
<input type="button" onclick="removecolor()" value="Select and Remove">
</form></body></html>
Код JavaScript:
function removecolor()
{
var x=document.getElementById("colorSelect");
x.remove(x.selectedIndex);
}
Пример вывода:
Блок - схема:
Демонстрация в реальном времени:
См. Pen javascript-dom-упражнение-8 от w3resource ( @ w3resource ) в CodePen .
Улучшите этот пример решения и опубликуйте свой код через Disqus
Предыдущий: Напишите функцию JavaScript, которая создает таблицу, принимает от пользователя строку, номера столбцов и вводит номер столбца строки в качестве содержимого (например, Row-0 Column-0) ячейки.
Далее: написать программу JavaScript для подсчета и отображения элементов раскрывающегося списка в окне предупреждения.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования