> For the complete documentation index, see [llms.txt](https://olexsyn.gitbook.io/enote/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://olexsyn.gitbook.io/enote/progr/javascript/modifikaciya-dom/dom-select.md).

# DOM select

## Додати option до select

```html
// маємо HTML 
<select id="genres">
  <option value="rock">Рок</option>
  <option value="blues" selected>Блюз</option>
</select>
```

```html
// JavaScript
<script>
  // додаємо пункт
  let newOption = new Option("Классика", "classic");
  genres.append(newOption);

  // робимо його вибраним
  newOption.selected = true;
</script>
```

## Видалити options з select

```javascript
// для попереднього HTML
let options = document.querySelectorAll("#genres option");
options.forEach(opt => opt.remove());
```