我想点击go按钮获取输入文本字段的文本。我已经阅读了一些关于此的教程,一步一步地跟着它们,但仍然没有这样做。这是我的代码:
function go() {
content.html($("#textfield").value);
}
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="content">
<input type="text" id="textfield">
<button type="button" id="btn" onclick="go()">Go</button>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</body>
</html>
我可以问它有什么问题吗?
答案 0 :(得分:1)
您可以使用.val()
获取输入值。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head></head>
<body>
<div id="content">
<input type="text" id="textfield">
<button type="button" id="btn" onclick="go()">Go</button>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function go()
{
console.log($("#textfield").val());
}
</script>
</body>
</html>
&#13;
答案 1 :(得分:0)
两件事:尽管content
应该是<div id="content">
的全局引用,但您不应该依赖此机制。那个DOM引用无论如何都不会有jQuery的HTML方法;相反,你应该使用$('#content')
或类似的东西来查看DOM节点。另外,jQuery提供了一个val()
方法来获取输入值,.value
是本机DOM API:
$('#content').html($("#textfield").val())