javascript - 如何在变量上添加 Action 事件？

Question

我使用变量 组件 来迭代 jQuery 中的菜单列表，其中每个项目在迭代时都分配给 组件。

var component = $('select#load option');

所有选项都像这样包含在 `id="load"下:

<option>choice</option>

如何将 dblclick 之类的事件附加到列表中的所有这些选项，以便如果我双击菜单中的其中一个选项，它就会打开。我这样做了，但没有成功:

component.dblclick(function(){
....
});

Answer 1

您尝试做的是这样的事情吗？

$(function(){
    
  var $opt = $('select#test option');
    
  $opt.on('dblclick',function(){
    
      alert($(this).val());
    
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>


<select id='test'size='3'>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>