javascript - 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 检测不到。

样本 fiddle http://jsfiddle.net/SU7bU/1/

Answer 1

为其添加触发器

$('#gen').on('click',function() {
    $('#field').val('val').trigger("change");
});


$(document).on("change",'#field' ,function() {
    var work = $(this).val();
    alert(work);

});

http://jsfiddle.net/ytexj/