javascript - 页面加载时从新输入元素获取值

Question

我在从动态添加的输入字段获取值时遇到问题。我有一个执行 ajax 调用的函数，最后我添加了一个像这样的输入字段:

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

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

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

通常的方式:alert() 上的 $("#col_1").val() 打印未定义。

我读到了有关动态添加元素的 .on 函数，但我不想将获取值阶段绑定(bind)到某个偶数，我在页面加载后就需要该值.

Answer 1

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

例如:

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

此后，您可以将监听器添加到“inputIsadded”事件。

例如。

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

其他方法是使用 deferred目的。