Нажмите на событие опции
как обрабатывать события для элементов элементов?
<select>
<option value='option1'>Gateway 1</option>
<option value='option2'>Gateway 2</option>
<option value='option3'>Gateway 3</option>
</select>
При нажатии элемента option я хочу отобразить небольшое описание элемента. Любые идеи, как это сделать?
Ответы
Ответ 1
Вы захотите использовать jQuery изменить событие. Я показываю текст вашего варианта как предупреждение, но вы можете отображать все, что хотите, в зависимости от ваших потребностей. (Вы также можете, очевидно, поместить его в другую часть страницы... ему не нужно быть предупреждением.)
$('#myOptions').change(function() {
var val = $("#myOptions option:selected").text();
alert(val);
});
Также обратите внимание, что я добавил идентификатор в тэг select
, чтобы вы могли легче обрабатывать события (я называл его myOptions).
Пример: http://jsfiddle.net/S9WQv/
Ответ 2
Как указано JasCav с помощью jQuery, вы можете сделать то же самое в javascript, используя
<select onchange="alert(this.options[this.selectedIndex].text);">
<option value='option1'>Gateway 1</option>
<option value='option2'>Gateway 2</option>
<option value='option3'>Gateway 3</option>
</select>
Альтернативно, событие onclick опции, но обратите внимание, что оно несовместимо во всех браузерах.
<select>
<option value='option1' onclick="alert(this.value);" >Gateway 1</option>
<option value='option2'>Gateway 2</option>
<option value='option3'>Gateway 3</option>
</select>