无法使用jquery获取输入文本值

时间:2017-08-29 15:54:50

标签: javascript jquery html

我想点击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>

我可以问它有什么问题吗?

2 个答案:

答案 0 :(得分:1)

您可以使用.val()获取输入值。

&#13;
&#13;
<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;
&#13;
&#13;

答案 1 :(得分:0)

两件事:尽管content应该是<div id="content">的全局引用,但您不应该依赖此机制。那个DOM引用无论如何都不会有jQuery的HTML方法;相反,你应该使用$('#content')或类似的东西来查看DOM节点。另外,jQuery提供了一个val()方法来获取输入值,.value是本机DOM API:

$('#content').html($("#textfield").val())