能否通过JavaScript从已由JS调用的页面再调用其他页面？模态窗口自动补全问题

看起来你遇到的是典型的动态DOM元素未绑定插件事件的问题，我来帮你拆解原因和解决方案：

问题根源 #

当页面首次加载时，你初始化Autocomplete的代码（比如$("#inputId").autocomplete(...)）只会作用于当时已经存在于DOM中的元素。而通过getacknow加载到txtAcknowledge里的表单元素是后续动态插入的，初始的Autocomplete绑定根本“看不到”这些新元素，自然就无法生效。

解决方案：在动态内容加载完成后重新初始化Autocomplete #

核心思路是：等新的表单内容完全插入到DOM之后，再针对这些新元素执行Autocomplete的初始化代码。

示例代码（假设你用jQuery实现AJAX加载） #

如果你的getacknow是用jQuery的load方法实现的，修改成这样：

// 假设你原来的点击事件代码
$(".your-click-button").on("click", function() {
  const clickedId = $(this).data("id"); // 或者你获取ID的方式
  // 加载动态内容，并在完成后初始化Autocomplete
  $("#txtAcknowledge").load("getacknow.asp?id=" + clickedId, function() {
    // 这里是加载完成后的回调函数，此时新表单已经在DOM里了
    // 找到动态生成的输入框，初始化Autocomplete
    $("#dynamic-autocomplete-input").autocomplete({
      source: "autocomplete.asp",
      // 可以根据需要添加其他配置项，比如minLength等
      minLength: 2
    });
  });
});

进阶：如果需要传递额外参数给autocomplete.asp #

如果Autocomplete的选项需要和当前加载的ID关联（比如根据点击的ID过滤数据库结果），可以自定义source函数来传递参数：

$("#dynamic-autocomplete-input").autocomplete({
  source: function(request, response) {
    $.ajax({
      url: "autocomplete.asp",
      type: "GET",
      data: {
        term: request.term, // 用户输入的关键词
        relatedId: clickedId // 之前点击的ID，用于过滤数据
      },
      success: function(data) {
        response(data); // 将返回的选项传递给Autocomplete
      }
    });
  },
  minLength: 2
});

注意事项 #

• 选择器要准确：确保你在回调里使用的选择器（比如#dynamic-autocomplete-input）能正确匹配动态生成的输入框，避免重复ID的问题（如果有多个动态输入框，建议用类选择器如.autocomplete-field）。
• 调试确认：可以在回调里加console.log("内容加载完成，初始化Autocomplete")，确认代码是否执行；同时打开浏览器控制台的Network标签，检查autocomplete.asp是否有网络请求。
• 原生JS适配：如果不用jQuery，在XMLHttpRequest的onload回调里，插入内容后手动初始化Autocomplete插件即可，逻辑是一样的。

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