Javascript 在页面加载时从新输入元素获取值

我在从动态添加的输入字段中获取值时遇到问题。 我有一个进行ajax调用的函数，最后我添加了如下输入字段：

$('<input type="text" id="col_1" value="done" hidden="true"/>').appendTo("#progress-category");

$（''）.appendTo（“#进度类别”）；

这部分工作得很好，但我的问题是在另一个函数中，我需要从页面加载时的输入中获取值

因此，当我的页面加载时，我需要检查值是否等于“完成”，并执行其他操作

通常的方式是：

alert（）

上的

$（“#col_1”）.val（）

打印未定义的内容

---

我读到了有关用于手动添加元素的

.on

函数的内容，但我不想将获取值阶段绑定到某个特定的位置，即使我的页面一加载就需要该值。

可能的解决方案之一是在添加此输入时触发事件

例如：

---

另一种方法是使用对象

当这个输入被添加到页面时？在页面加载时，元素col#1在DOM中不存在，您必须在通过ajax调用添加后获得它，您将如何获得

#col1

的值，在DOM中不可用的地方，您说它是在ajax调用中附加的。我要明确的是：当我的页面第一次加载时，它会执行添加我的输入的ajax。当这个函数完成后，我将尝试从刚才添加的输入中获取值。将对“其他函数”的调用放入ajax请求的成功回调中。ajax是异步的，因此您的代码试图在解析请求之前检索输入值。

$('<input type="text" id="col_1" value="done" hidden="true"/>').appendTo("#progress-category");
$(window).trigger("inputIsadded");

$(window).on("inputIsadded", function() {
    // working with input 
});