Question

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

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

Answer 1

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

＆＃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;

Answer 2

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

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

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

2 个答案: