init

02-ui/04-forms-controls/01-form-elements/01-add-select-option/solution.md

@@ -0,0 +1,25 @@
+Решение:
+
+```html
+<!--+ run -->
+<select>
+  <option value="Rock">Рок</option>
+  <option value="Blues" selected>Блюз</option>
+</select>
+
+<script>
+  var select = document.body.children[0];
+
+  // 1) 
+  var selectedOption = select.options[select.selectedIndex];
+  alert(selectedOption.value);
+
+  // 2)
+  var newOption = new Option("Classic", "Классика");
+  select.appendChild(newOption);
+ 
+  // 3)
+  newOption.selected = true;
+</script>
+```
+

02-ui/04-forms-controls/01-form-elements/01-add-select-option/task.md

@@ -0,0 +1,19 @@
+# Добавьте опцию к селекту
+
+[importance 5]
+
+Есть селект:
+
+```html
+<select>
+  <option value="Rock">Рок</option>
+  <option value="Blues" selected>Блюз</option>
+</select>
+```
+
+При помощи JavaScript:
+<ol>
+<li>Выведите значение и текст текущей выбранной опции.</li>
+<li>Добавьте опцию: `<option value="Classic">Классика</option>`.</li>
+<li>Сделайте её выбранной.</li>
+</ol>