JavaScript -> работа SelectBox

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

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

    DOLARiON

    Регистр.:
    4 сен 2006
    Сообщения:
    191
    Симпатии:
    48
    чета туплю жутко :bc:

    как с помощью жабаскрипта выделить нужное в выпадающем списке?

    т.е.
    есть список:

    HTML:
    
    <select name="test" id="test">
    <option value="1">№1</option>
    <option value="2">№2</option>
    <option value="3">№3</option>
    </select>
    
    и есть ссылка:
    HTML:
    
    <a href="javascript: document.test.option[2].selected=true;">#2</a>
    
    или если юзать Прототайп:
    HTML:
    
    <a href="javascript: $('test').option[2].selected=true;">#2</a>
    
    чего делаю не правильно?
    :nezn:
     
  2. ilyakapu

    ilyakapu Писатель

    Регистр.:
    23 апр 2007
    Сообщения:
    4
    Симпатии:
    88
    то же самое, но чтобы работало будет так:
    $('test').selectedIndex = 2;
     
  3. DOLARiON

    DOLARiON

    Регистр.:
    4 сен 2006
    Сообщения:
    191
    Симпатии:
    48
    а... я понял че за трабла :)
    такая тема пашет, но пашет только с цифровыми индексами...

    ...а что делать если у меня:
    HTML:
    
    <select name="test" id="test">
    <option value="VAL">№1</option>
    <option value="VAT">№2</option>
    <option value="VAD">№3</option>
    </select>
    
    т.е. value буквенные...
    $('test').selectedIndex = "VAT";
    уже не прокатывает (
     
  4. zardoz

    zardoz Постоялец

    Регистр.:
    6 май 2008
    Сообщения:
    84
    Симпатии:
    59
    попробуй этот код
    HTML:
    
    <script>
    function Go(){
    var selectBox = document.getElementById("selectBox");
    selectBox.options[2].selected = true;
    }
    </script>
    
    <select id="selectBox">
    	<option value="a1">first</option>
    	<option value="a2">second</option>
    	<option value="a3">third</option>
    </select>
    
    <button OnClick="Go()">Go</button>
    
    строка selectBox.options[2].selected = true; выделяет третий элемен массива selectBox - third
     
Статус темы:
Закрыта.