javascript - .html() 添加的输入框值不取alert值

标签 javascript jquery

<分区>

Possible Duplicate:
Bind an event handler on a element who’s inserted by the jQuery .html() function

下面是一个简单的 jquery 脚本。当用户点击#FAC 时,会出现一个文本框,输入该值。单击#cs 时,在#NC 中输入的值应显示为警报。但它没有,有什么想法吗?

$('#FAC').click(function() {
        $('#FAC').html('<input type="text" name="NC" id="NC"><input type="button" value="Ok" id="CS">');
    });

    $('#NC').click(function() {
        alert($('#NC').val());

    });

最佳答案

如果我很了解你的问题,试试这个:

JSFIDDLE

$('#FAC').bind("click",function() {
    $('#FAC').unbind("click");
    $(this).html('<input type="text" name="NC" id="NC"><input type="button" value="Ok" id="CS">');
})

$(document).on('click', '#CS', function() {
    alert($('#NC').val());

});

关于javascript - .html() 添加的输入框值不取alert值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13488532/

相关文章:

javascript - 使用 javascript 更改标签文本并从后面的代码中读取它

javascript - 提取部分标题标签

javascript - 数组内的链接或 window.location 的不同链接

javascript - 将 var 添加在一起

javascript - float 标签输入未注册文本

jquery - 滚动时更改按钮颜色,如蒙版

php - 当包含在 ajax 调用中时,我的 href 链接不起作用

javascript - Jquery 隐藏和显示构建测验

javascript - 视差背景未调整大小

javascript - 获取数组中的每第 n 个项目