выделение опции <select>

Обсуждение вопросов клиентского программирования.

Модератор: Duncon

Ответить
aexb
Сообщения: 2
Зарегистрирован: 05 мар 2006, 18:22
Откуда: Белокаменная

Вопрос очглупый по идее, но мучаюсь уже часа полтора, крыша едет, мануалы не помогают. Короче, сабж в следующем. Есть код:

Код: Выделить всё

<form name="form1">
<select name="sel1">
  <option value="my">my</option>
  <option value="name">name</option>
  <option value="is">is</option>
  <option value="vasia">vasia</option>
</select>
<input type="text" value="Select Option">
</form>
Вопрос: как на данную кнопочку привязать событие, которое выделяло бы, скажем, <option value="is">is</option>. То бишь, эта опция становилась бы выбранной?
Аватара пользователя
Oscar
Сообщения: 963
Зарегистрирован: 29 май 2004, 13:44
Откуда: Мюнхен (рожден в Киеве)
Контактная информация:

Код: Выделить всё

<script>
function changeSelection(smth, newValue) {

	var selectBox = document.getElementById('selectbox0');
	selectBox.options[smth].selected = newValue;

}
</script>
<select multiple size="4" name="selectbox0[]" id="selectbox0">
  <option value="test0">test0</option>
  <option value="test1">test1</option>
  <option value="test2">test2</option>
  <option value="test3">test3</option>
</select>



<input type="button" value="Select test0" onClick="changeSelection('0', true);">
<input type="button" value="Deselect test0" onClick="changeSelection('0', false);">


<input type="button" value="Select test1" onClick="changeSelection('1', true);">
<input type="button" value="Deselect test1" onClick="changeSelection('1', false);">


<input type="button" value="Select test2" onClick="changeSelection('2', true);">
<input type="button" value="Deselect test2" onClick="changeSelection('2', false);">


<input type="button" value="Select test3" onClick="changeSelection('3', true);">
<input type="button" value="Deselect test3" onClick="changeSelection('3', false);">
aexb
Сообщения: 2
Зарегистрирован: 05 мар 2006, 18:22
Откуда: Белокаменная

Нда, навороченно, конечно. Но зато со вкусом :) Спасибо!

Я, правда, через какое-то время сам дошел до следующего:

Код: Выделить всё

<select name="sel1">
  <option value="0">opt0</option>
  <option value="1">opt1</option>
  <option value="2">opt2</option>
  <option value="3">opt3</option>
</select>

<input type="button" onclick="javascript: document.sel1.options[2].selected=!0" value="Change" name="Change">
Ну, и если захочется, можно функцию такую же написать, чтоб по 10 раз в инпуте не повторять одно и то же.
Ответить