Нажмите на событие опции

как обрабатывать события для элементов элементов?

<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>