Jquery 从动态输入元素获取值

Jquery 从动态输入元素获取值,jquery,Jquery,在网页中,我们有一个输入类型文本: <input id="bar" type="text" /> console.log始终获取“foo”字符串 如果我改变 var input = $('<input type="text" value="foo" id="ciccia" />') var输入=$(“”) 到 var输入=$(“”) console.log始终获取“bar”字符串 多姆怎么了?为什么我无法读取文本输入的实际值?尝试使用.val()检索文本框值

在网页中,我们有一个输入类型文本:

<input id="bar" type="text" />
console.log始终获取“foo”字符串


如果我改变

 var input = $('<input type="text" value="foo" id="ciccia" />')
var输入=$(“”)

var输入=$(“”)
console.log始终获取“bar”字符串


多姆怎么了?为什么我无法读取文本输入的实际值?

尝试使用
.val()
检索文本框值,因为
.attr('value')
将始终返回开始时设置的值

input.on('keyup', function(){
    console.log(input.val());
});
或者简单地使用
this.value
而不是
input.val()

尝试使用
.val()
检索文本框值,因为
.attr('value')
将始终返回在开始时设置的值

input.on('keyup', function(){
    console.log(input.val());
});

或者简单地使用
这个值,而不是
input.val()

attr
将始终返回最初设置的值。您需要使用
.value
属性

使用


attr
将始终返回最初设置的值。您需要使用
.value
属性

使用

 var input = $('<input type="text" value="bar" id="ciccia" />')
input.on('keyup', function(){
    console.log(input.val());
});
input.on('keyup', function(){
    console.log(this.value);
})