js中写HTML表单，然后动态插入body,然后js获取动态插入的input的值

Question

为什么获取不到值

Answer 1

使用jquery

var inputEle = $('<input name='username' id="username>');

$('body').append(inputEle);

// 获取input值
$('#btn').click(function() {
    var username = $('#username').val();
});

这段代码要放到body最后面或者用

$(function() {
    // code here
})

不然DOM没有ready，$('body')是空的。

Answer 2

jquery写法

var x = '<input name="username" id="username"/>';
$('body').append(x);//添加到body
//取值要写在click事件里
$('btn').click(function(){
alert($('#username').val());
});