javascript - 点击选项事件

Question

我如何处理选项元素的事件？

<select>
      <option value='option1'>Gateway 1</option>
      <option value='option2'>Gateway 2</option>
      <option value='option3'>Gateway 3</option>
 </select>

单击选项元素时，我想显示该元素的一些描述。有什么想法吗？

Answer 1

您将要使用 jQuery 的 change event .我将您的选项文本显示为提醒，但您可以根据需要显示任何内容。 (显然，您也可以将它放在页面的另一部分内……它不需要是一个警报。)

$('#myOptions').change(function() {
    var val = $("#myOptions option:selected").text();
    alert(val);
});

另请注意，我向您的 select 标记添加了一个 ID，以便您可以更轻松地处理它的事件(我将其称为 myOptions)。

示例:http://jsfiddle.net/S9WQv/