Question

这是一个简单的代码，它接受输入并将其打印在同一页面上。但是当我点击按钮时，它无法正常工作。请帮忙解决这个问题。

<html>
<head>
<script>
function changeHTML() {
    $("#withjQuery").html($("#theInput").val());
}

</script>

<body>
<input type='text' id='theInput' value='Write here' />

<input type='button' onClick='changeHTML();' value='See what you wrote with jQuery.html'/>

<div id="withjQuery"></div>

</body>

</head>

Answer 1

页面中没有包含jQuery库

添加

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

离

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
function changeHTML() {
    $("#withjQuery").html($("#theInput").val());
}

</script>

</head>

<body>
<input type='text' id='theInput' value='Write here' />

<input type='button' onClick='changeHTML();' value='See what you wrote with jQuery.html'/>

<div id="withjQuery"></div>

</body>
</html>

演示：Fiddle

简单的jquery无法打印输入值

1 个答案: