Как правильно в select multiple, установить selected нужным option?

Question

[Михаил Р.]

Приветствую!

В качестве тренировки, написал скрипт, который устанавливает selected нужным элементам. Подскажите, насколько правильно написан код, и что в нем можно было бы изменить?

<form id="form">
	<label>Выберите значение: 
		<select multiple>
			<option value="value_1">option_1</option>
			<option value="value_2">option_2</option>
			<option value="value_3">option_3</option>
		</select>
	</label>
</form>

let select = document.querySelector("#form select");

let values = ["value_1", "value_3"];

[...select.options].forEach(element => {
	values.forEach(value => {
		if(element.value === value) element.selected = true;
	});
});

Comments

[hzzzzl]

[...select.options].forEach(element => {
  element.selected = values.includes(element.value)   // true | false
});

Answer 1

[Alexey Bille]

Вместо

values.forEach(value => {
    if(element.value === value) element.selected = true;
  });

Можно использовать

if(values.includes(element.value)) element.selected = true;

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[Михаил Р.]

Здорово, про includes ранее не слышал. Благодарю!