Javascript-форум - Выделить option в списке по значению value

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Выделить option в списке по значению value (https://javascript.ru/forum/misc/37439-vydelit-option-v-spiske-po-znacheniyu-value.html)

Выделить option в списке по значению value

Добрый вечер!:)

Сразу к делу. Скажем, имеется у нас список:

Код:

<select id='sel'>

        <option value='none' selected>Курочка</option>

        <option value='koshka'>Кошка</option>

        <option value='utochka'>Уточка</option>

        <option value='korovka'>Коровка</option>

        <option value='sobachka'>Собачка</option>

</select>



<br><font onClick='set()'>Выделить Уточку</font>

Как выделить тот или иной option в данном спике, по значению value?

На ум приходит такой вариант:

function set() {
var optSel = document.getElementById("sel");
var optVal = "utochka";
	for(var i=0; i < optSel.length; i++) {
		if(optSel.options[i].value == optVal) {
			optSel.options[i].selected = true;
		}
	}
}

То есть, в данном варианте, мы перебираем по списку все option'ы и сверяем значение value. Но может можно как нибудь проще это сделать? Без цикла. А то если список будет большой, то и цикл затянется. Спасибо.

Поставить value для селекта

Цитата:

Поставить value для селекта

Пример можно?)

document.getElementById("sel").value = 'value';

function set() {
var optSel = document.getElementById("sel");
var optVal = "utochka";
optSel.value = optVal;
}

Цитата:

document.getElementById("sel").value = 'value';

Как же с помощью этого, можно поставить фокус на тот или иной элемент в списке?

это пример скелета, я привёл конкретно для вашего хтмл-а

function set() {
var optSel = document.getElementById("sel");
var optVal = "utochka";
      for(var i=0; i < optSel.length; i++) {
         if(optSel.options[i].value == optVal) { // здесь сравниваем со значением в optVal
            optSel.options[i].selected = true; // если значение совпало, ставим фокус на данный option
         }
      }
}

А в моем варианте, не то же самое?:)

Цитата:

Сообщение от 1lider

Как же с помощью этого, можно поставить фокус на тот или иной элемент в списке?

Какой фокус? Оно выделит нужный option, если найдет