点击选项事件 [英] Click on option event

问题描述

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

how do I handle events for option elements?

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

当点击一个选项元素时，我想显示元素的一些描述。任何想法如何做到这一点？

When an option element is clicked I want to display a little description for the element. Any ideas how to do that?

推荐答案

您将要使用jQuery的更改事件。我将您的选项的文本显示为警报，但您可以根据需要显示任何您想要的内容。 （显然，你也可以把它放在页面的另一部分......它不需要是一个提醒。）

You're going to want to use jQuery's change event. I am displaying the text of your option as an alert, but you can display whatever you want based on your needs. (You can also, obviously, put it inside another part of the page...it doesn't need to be an alert.)

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

另外，请注意，我为您的选择了标签，以便您可以更轻松地处理事件（我称之为myOptions）。

Also, note, that I added an ID to your select tag so that you can more easily handle events to it (I called it myOptions).

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

这篇关于点击选项事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！