javascript - 添加输入框后获取值

Question

我使用 javascript 在我的表格中添加一个输入框，如下所示：

var inputtopik = "topik" + 1;
$("#titleinput tbody").append("<tr><td> Topik " + topikno +
                              " : </td><td><input type='text' id='" +
                              inputtopik +"' style='WIDTH:498px;' ></td></tr>");

然后尝试通过这个来获取价值

var topik = document.getElementById('inputtopik').value;

但出现错误状态

Uncaught TypeError: Cannot read property 'value' of null 

我想知道为什么？也许它找不到我刚刚添加的输入框？怎么修？帮助 ：（

Answer 1

inputtopik 的值为“topik1”。所以你应该做

var topik = document.getElementByID(inputtopik).value;

没有单引号。

Answer 2

如果您使用的是 jQuery……另一种获取输入文本值的方法是：

var topik = $('#topik1').val();