怎么给select 下的option加点击事件

你好。 首先，你可以为要添加动作的这个元素添加一个id属性，以便脚本引用。如： 手动输入 然后，为这个元素添加鼠标点击事件，代码我已经为你写好，请参考： 1、如果你是用原生的Javascript实现，代码如下： document.getElementById('myoption

      在vue项目中，当我们用v-for遍历select下的option时，我们想通过给option添加点击事件来获取我们所遍历的对象，却发现我们的点击事件根本不触发

      那么我们怎样才能把我们想要的值传递过去呢？我们需要在select上绑定一个v-model，在data里定义一个v-model所绑定的空值，然后通过change事件将这个空值传递过去，然后我们在option上绑定value属性，在value上绑定你要传递的值（也可以是当前对象的下标或者id），然后在change事件中接收你传过来的值，就可以了

vue官网也对这部分进行了介绍： 详见官网

<select>标签里的option添加双击事件，达到删除该项的目的。

初期，代码是这样写的：

[html] view plain copy

<select id="selectUserId" multiple="multiple">

<option>用户1</option>

<option>用户2</option>

</select>

[javascript] view plain copy

<script type="text/javascript">

$(function () {

$('#selectUserId option').dblclick(function () {

$('#selectUserId option[index=' + this.parentNode.selectedIndex + ']').remove()

})

})

后来发现，在ie中删除选中项，没有效果，后来查了一下，应该讲双击事件绑定到<select>,代码改为：

[javascript] view plain copy

<script type="text/javascript">

$(function () {

$('#selectUserId').dblclick(function () {

$('#selectUserId option[index=' + this.selectedIndex + ']').remove()

})

})

这样，不同的浏览器，就可以都能删除了。

---