使用JQuery打印动态文本框值

Question

我有一个类似的情况

for(int i = 0; i < 10; i++)
{
    <input type = "text" id="test"+i value="" onchange="getValue(i)">
}

我想使用jquery打印选定的文本框值。 我尝试下面的代码，....

function getValue(id)
{
   var value = $("#test"+id).val();
   alert(value);
}

上面的代码有些不起作用。 如果我尝试像var value = document.getElementById("test"+id); 那么它正在工作。

Answer 1

jsBin演示

var inp = ''; // String will hold all inputs

for(var i=0; i<10; i++){
    inp += '<input type="text" id="test'+i+'" value="" />'; // Generate 10 inputs
}

$('body').append( inp ); // All inputs to HTML

$('input[id^="test"]').on('input', function(){
    console.log( this.value );
});

Answer 2

1. 您不能只将原始HTML放在这样的JavaScript循环中。 您必须设置一个字符串或创建一个元素并将其附加到DOM。

2. "getValue(i)"是一个字符串。 "i"不是变量i ，实际上是一个带有字母i的字符串。
   如果要连接字符串和变量，则必须这样做：

var name = "Neil";    
var greeting = "Hi, my name is " + name + ", nice to meet you!";