如何获取输入字段的值？

Question

这是我的输入字段：

$("<td class='testclass'><input id='field-search' value='' type='text'></td>")

如何获取输入字段的值？

我试过这种方式：

var mytest =$('#field-search').val();
alert(mytest);

结果是我得到一个未定义的警报，尽管输入字段有一个值，例如10。

当输入字段的值发生变化时，有没有办法获取值？

链接或示例会非常有用。谢谢。

链接到代码：http://www.file-upload.net/download-2902420/test.user.js.html

Answer 1

那是因为你没有将html附加到页面上。要么这样做（someElement.append($("<td>...</td>"));），要么专门搜索那部分

var e = $("<td class='testclass'><input id='field-search' value='1' type='text'></td>");
var mytest =e.find('#field-search').val();
alert(mytest);

只需拨打$("...")即可将元素插入页面。

Answer 2

在jQuery中

var myVal = $('#field-search').val();

在vanilla JavaScript中

var myVal = document.getElementById('field-search').value;