Страница 1 из 1
выделение опции <select>
Добавлено: 05 мар 2006, 18:36
aexb
Вопрос очглупый по идее, но мучаюсь уже часа полтора, крыша едет, мануалы не помогают. Короче, сабж в следующем. Есть код:
Код: Выделить всё
<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>. То бишь, эта опция становилась бы выбранной?
Добавлено: 05 мар 2006, 23:18
Oscar
Код: Выделить всё
<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);">
Добавлено: 06 мар 2006, 21:55
aexb
Нда, навороченно, конечно. Но зато со вкусом
Спасибо!
Я, правда, через какое-то время сам дошел до следующего:
Код: Выделить всё
<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 раз в инпуте не повторять одно и то же.