Jquery 从嵌入式按钮中获取所选项目单击

Jquery 从嵌入式按钮中获取所选项目单击,jquery,html,button,drop-down-menu,Jquery,Html,Button,Drop Down Menu,我有这个ul控制: <ul id="AddedWifiList"></ul> 我的js功能: function DeleteWifi() { var connectionName = $('#AddedWifiList').val(); alert(connectionName); } 警报值为空 我试过这样做: $("#AddedWifiList").append('<li><a href="#">' + connecti

我有这个ul控制:

 <ul id="AddedWifiList"></ul>
我的js功能:

function DeleteWifi() {
    var connectionName = $('#AddedWifiList').val();
    alert(connectionName);
}
警报值为空

我试过这样做:

 $("#AddedWifiList").append('<li><a href="#">' + connectionName +
      '</a> <input type="button" onClick="DeleteWifi(' + connectionName + ');" class="btn btn-  danger btn-sm btn-sm" value="Delete"></li>');


function DeleteWifi(connectionName) {
    alert(connectionName);
}
$(“#AddedWifiList”).append(“
  • ”); 功能删除WiFi(连接名称){ 警报(connectionName); }

    有解析错误的错误。

    问题是因为
    ul
    元素没有要读取的
    属性。从代码的上下文来看,您似乎正在尝试获取
    connectionName
    值,该值应改为在按钮上设置

    还请注意,当您在页面加载后动态追加元素时,应该使用委托事件处理程序,而不是内联事件处理程序,因为后者已经过时,不再适合使用。要读取与按钮相关的
    connectionName
    值,可以使用
    data
    属性

    话虽如此,请尝试以下方法:

    $('button')。在('click',function()上{
    var connectionName='connection_'+new Date().getTime();
    $(“#AddedWifiList”).append(“
  • Delete
  • ”); }); $('AddedWifiList')。在('click','delete',function()上{ log('Removing'+$(this.data('connection-name')); $(this).最近('li').remove(); });
    
    添加
    
      这是您的代码:-

      $(“#AddedWifiList”).append(“
    • Delete
    • ”); $(“按钮”)。单击(函数(){ var connectionName=document.getElementById(“Wifi”).textContent; 警报(connectionName); });

      进行了一些更改,但完成了。

      上一个示例中的分析错误是什么?您需要选择一些要读取值的元素。因为你的ul没有什么可读的,我把它改成了添加的a,瞧!是的,但我打字有点慢,所以他比我快了(这是什么意思)谢谢。你被另一个人及时打败了。它确实有效
      Error: Uncaught ReferenceError: Informed is not defined Script: https://192.168.0.4/Account/Settings Line: 1
      
      function DeleteWifi() {
          var connectionName = $('#AddedWifiList').val();
          alert(connectionName);
      }
      
       $("#AddedWifiList").append('<li><a href="#">' + connectionName +
            '</a> <input type="button" onClick="DeleteWifi(' + connectionName + ');" class="btn btn-  danger btn-sm btn-sm" value="Delete"></li>');
      
      
      function DeleteWifi(connectionName) {
          alert(connectionName);
      }
      
      $("#AddedWifiList").append('<li><a href="#" id="Wifi">' + 'connectionName' +
            '</a> <button>Delete</button></li>');
      $("button").click(function(){
            var connectionName = document.getElementById("Wifi").textContent;
          alert(connectionName);
      });