将动态创建的id传递给getElementById

Question

我试图将动态创建的id传递给getElementById，但是当我尝试记录它时，它表示未定义。

"<input type='text' class='span2' name='price' pattern='[0-9.]*' id='p'"+ field.id + "placeholder='Price' value='0' />"

控制台：

console.log(document.getElementById("p"+field.id).value);
console.log($("#p"+field.id).val());

两者都说未定义。我做错了什么错？

Answer 1

你连接你的html字符串的方式不合适，

 ...id='p'"+ field.id..

因此，上述代码段将评估为id='p'Something，而something来自field.id的呈现将被视为attribute。

所以试着把它写成，

"<input type='text' class='span2' name='price' pattern='[0-9.]*' id='p"+ field.id + "' placeholder='Price' value='0' />"
//------------------------------------------------------------------^----------------^
//changed the position of quotes.