jQuery.autocomplete组件select事件无法触发问题排查

我来帮你梳理下这个select事件没触发的核心原因，结合你的代码来看，大概率是这几个细节出了问题：

1. 全局变量Type和MemCount的有效性问题 #

你的select事件里直接依赖Type和MemCount这两个变量，但这俩变量很可能存在作用域失效或者值不匹配的问题：

• 如果Type是局部变量（比如只在生成行的函数里定义），触发select事件时它已经不存在了，执行if (Type == 1)会直接报错，导致整个select事件中断，看起来就像没触发一样。
• MemCount作为全局变量的话，每次点击“Add User”都会递增，之前生成的输入框的select事件里，"txtUser" + MemCount指向的会是最新添加的行，而不是当前触发事件的行，自然不会有预期的赋值效果。

修复方案：
把当前行的标识（类型、索引）存在输入框的data-*属性里，绑定autocomplete时就把数据存进去：

// 初始化autocomplete前，先存数据
jQuery("#" + e.id).data({
    rowType: Type,
    rowIndex: MemCount
});

// 然后修改select事件
select: function (event, ui) {
    var $currentInput = jQuery(this);
    var type = $currentInput.data('rowType');
    var index = $currentInput.data('rowIndex');
    
    if (type == 1) {
        document.getElementById("txtUser" + index).value = ui.item.value;
    } else if (type == 2) {
        document.getElementById("txtRole" + index).value = ui.item.value;
    }
}

2. eval生成datalist的潜在风险 #

你用字符串拼接+eval的方式生成datalist，很容易因为数据里的特殊字符（比如未转义的引号）导致datalist定义失败，或者item的结构不符合预期。哪怕数据能传到response，如果datalist有问题，autocomplete的下拉选项可能无法正确渲染，自然触发不了select事件。

修复方案：
后端直接返回JSON格式数据，彻底抛弃字符串拼接的方式：

• VB后端修改（Users.aspx.vb）：

  Response.Clear()
  Response.ContentType = "application/json"
  ' 假设GetUserName返回的是包含Id和Name的实体列表
  Dim userList = GetUserName(Request.QueryString("UserName"))
  Dim serializer As New System.Web.Script.Serialization.JavaScriptSerializer()
  Response.Write(serializer.Serialize(userList))
  Response.End()
  

• 前端ajax简化：

  jQuery.ajax({
      url: URL,
      dataType: 'json',
      success: function (data) {
          if (!data || data.length === 0) {
              var rftspanID = e.id.replace("txt", "span");
              // 处理无数据的逻辑
              response([]);
              return;
          }
          // 直接映射JSON数据，不用eval
          response(jQuery.map(data, function (item) {
              return { value: item.Name, id: item.Id };
          }));
      }
  });
  

3. 元素ID查找失败 #

你用document.getElementById("txtUser" + MemCount)获取元素，可能存在两个问题：

• ASP.NET的服务器控件会自动生成带命名容器的客户端ID（比如ctl00_Content_txtUser1），和你手动拼接的ID不匹配，导致找不到元素。
• MemCount的值和当前行的索引不对应，同样找不到目标控件。

修复方案：

• 动态生成服务器控件时设置ClientIDMode="Static"，确保客户端ID和服务器ID一致：

  <asp:TextBox ID="txtUser1" runat="server" ClientIDMode="Static"></asp:TextBox>
  

• 或者通过当前输入框的上下文查找同行控件，避免硬编码ID：

  select: function (event, ui) {
      var $row = jQuery(this).closest('tr'); // 假设输入框在tr里
      var type = jQuery(this).data('rowType');
      
      if (type == 1) {
          $row.find('[id*="txtUser"]').val(ui.item.value);
      } else if (type == 2) {
          $row.find('[id*="txtRole"]').val(ui.item.value);
      }
  }
  

快速排查技巧 #

打开浏览器开发者工具（F12）的Console标签，看看有没有报错信息——比如Type未定义、找不到元素这类错误，能直接帮你定位问题根源。

内容的提问来源于stack exchange，提问作者CPK_2011