javascript - 简单的 jquery 无法打印输入值

标签 javascript jquery html browser

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

<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>

最佳答案

您的页面中没有包含 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

关于javascript - 简单的 jquery 无法打印输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18168855/

相关文章:

javascript - 逗号分隔值 : from strings to objects to list

javascript - Jquery每次显示外部变量的值

jquery - 预输入和屏幕阅读器

javascript - 创建样式元素,定义一些类并将类添加到元素

html - 电话号码和屏幕阅读器

html - 我希望指向 .ics 文件的 HTML 链接在单击时在日历应用程序中打开,当前以纯文本格式打开文件。建议?

HTML5 验证未触发

javascript - 多个动态日期时间选择器无法直接打开

javascript - 定义数组中的数据

javascript - php ajax jquery 未返回响应文本