在 html 按钮单击事件上调用 jquery 文件函数答案

【问题标题】：call jquery file function on html button click event在 html 按钮单击事件上调用 jquery 文件函数
【发布时间】：2014-05-22 04:01:19
【问题描述】：

我想在单击按钮时从列表中删除选定的项目。

 <input type="button" id="btnRemove" name="Remove" value="Remove" />

jquery文件中的jquery函数

$("#btnRemove").click(function() {
    $("#lst option:selected").remove();
});

按钮删除点击事件没有触发，我在 asp.net 页面中添加了 jquery 引用。

【问题讨论】：

你在页面哪里添加了jquery引用？您是否在 document.ready() 中分配了 $('#btnRemove').click()，还是在该元素存在于 DOM 之前发生？
jquery 文件引用在 asp.net 页面底部
您确定事件没有触发还是被调用但没有找到任何东西？

标签： javascript jquery asp.net

【解决方案1】：

您确定事件没有触发还是被调用但没有找到任何东西？

如果它没有被调用，那么我认为您需要在文档准备好后设置事件

试试这个：

$(function(){
    $("#btnRemove").click(function() {
            $("#lst option:selected").remove();
        });
});

如果它被调用（您仍然应该执行上述操作^）并且没有找到您需要修改该选择器的任何内容。

【讨论】：

【解决方案2】：

我认为最好的方法是

 <input type="button" id="btnRemove" name="Remove" value="Remove" onClick="RemoveSelected();" />

 function RemoveSelected(){
      $("#lst option:selected").remove();
 }

【讨论】：