Выбрать несколько <option> из <select> на Javascript

[Mouse27]

Как выбрать из спиcка select несколько option на js или с помощью jQuery. Я пробовал через selectedIndex но он работает только для одного option. Копался в гугле, но нашел только, как узнать из списка myltiple выбранные элементы. Так же смотрел в документации и ничего не нашел подобного.

Как выбрать сразу несколько полей?

Вот код:

<form name="form" id="form" >
<select name="show[]" size="7" multiple="multiple" onMouseOver="this.selectedIndex = 2;">
	<option value="date">Date</option>
	<option value="ip">IP</option>
	<option value="lang">Lang</option>
</select>
</form>

 

[alica]

Так пробовали ?

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Mouse27]

Я нашел наконец то решение на jQuery

Вот код:

$('select[name=show[]] option:lt(7)').attr('selected', 'yes');

Он выбирает с тега select options c 0 т.е. первого option и до 7.


Благодаря этой статье:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Hangar]

$('select[name=show[]] option:lt(7)').attr('selected', 'selected');

что за "yes" у вас?

 

[Mouse27]

Да точно. Правильно будет

.attr('selected', 'selected')

Но так к удивлению тоже работает.

 

[omfg]

Почему же к удивлению? просто в xhtml одинарные атрибуты ушли, и появилась записать selected="selected" вместо просто selected

Статья кстати очень хорошая, тоже натыкался на нее много раз

 

[juggernaut13]

<script type="text/javascript">
var select = document.getElementsByTagName("select")[0];
var list = select.getElementsByTagName("option");
for (var i = 0; i < list.length; i++) {
    if (i < 7) {
        list[i].selected = true;
    }
}
</script>

без всяких либ тяжелых!

 

[Mouse27]

Если делать сайт почти весь на js, то без jquery не обойтись. Иначе можно написать всё на js, только это будет намного дольше и сложнее.

 

[juggernaut13]

только это будет намного дольше и сложнее

зато посетители сайта будут рады что он так быстро грузится и работает тоже быстро