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

Тема в разделе "Другие языки", создана пользователем Mouse27, 27 июл 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. Mouse27

    Mouse27 Постоялец

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

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

    Вот код:
    HTML:
    
    <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>
    
     
  2. alica

    alica

    Регистр.:
    28 июл 2008
    Сообщения:
    243
    Симпатии:
    76
    Так пробовали ?


    $("#form").val(["date", "lang"]);
     
  3. Mouse27

    Mouse27 Постоялец

    Регистр.:
    17 июн 2008
    Сообщения:
    58
    Симпатии:
    107
  4. Hangar

    Hangar Создатель

    Регистр.:
    25 июн 2008
    Сообщения:
    15
    Симпатии:
    0
    $('select[name=show[]] option:lt(7)').attr('selected', 'selected');

    что за "yes" у вас?
     
  5. Mouse27

    Mouse27 Постоялец

    Регистр.:
    17 июн 2008
    Сообщения:
    58
    Симпатии:
    107
    Да точно. Правильно будет
    Код:
    .attr('selected', 'selected')
    Но так к удивлению тоже работает. :)
     
  6. omfg

    omfg

    Регистр.:
    4 авг 2009
    Сообщения:
    159
    Симпатии:
    46
    Почему же к удивлению? просто в xhtml одинарные атрибуты ушли, и появилась записать selected="selected" вместо просто selected :)

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

    juggernaut13 Постоялец

    Регистр.:
    23 авг 2009
    Сообщения:
    59
    Симпатии:
    16
    Код:
    <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>
    
    без всяких либ тяжелых!
     
  8. Mouse27

    Mouse27 Постоялец

    Регистр.:
    17 июн 2008
    Сообщения:
    58
    Симпатии:
    107
    Если делать сайт почти весь на js, то без jquery не обойтись. Иначе можно написать всё на js, только это будет намного дольше и сложнее. :)
     
  9. juggernaut13

    juggernaut13 Постоялец

    Регистр.:
    23 авг 2009
    Сообщения:
    59
    Симпатии:
    16
    зато посетители сайта будут рады что он так быстро грузится и работает тоже быстро
     
Статус темы:
Закрыта.