Jquery on Input无法动态插入值

Question

我正在尝试使用jquery从javascript代码生成一个值,在输入框中生成值,问题是jquery无法检测到更改,我测试的命令是"更改,输入"但是当我手动输入时值jquery触发

示例代码:

值是在javascript上动态生成并推送/插入到输入框中,该值不是手动生成的 javascript:

document.getElementById("displayDID").value = DisplayName ;

HTML:

<input type="text" id="displayDID" />

jQuery的:

$('#displayDID').on("input" ,function() {
            var work = $(this).val();
            alert(work);
        });

id ="displayDID"的值发生了变化,但jquery在执行后无法检测到它.

样本小提琴http://jsfiddle.net/SU7bU/1/

Answer 1

这是因为您在输入准备好之前添加了脚本。因此，该元素上没有设置事件。在文档准备好时编写代码：

$(document).ready(function(){
 $('#displayDID').on("input" ,function() {
        var work = $(this).val();
        alert(work);
    });
})

或使用事件委托：

$(document).on("input",'#displayDID' ,function() {
        var work = $(this).val();
        alert(work);
    });