Question

我不知道为什么我的代码没有执行。我只是在点击按钮时将文本框值分配给段落的innerHTML。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Error handling</title>
    <script>
        $(document).ready(function () {
            $("btnName").click(function () {
                var x = document.getElementById("Demo");
                x.innerHTML = document.getElementById("txtName").value;
                alert("Done");
            });
        });
    </script>
</head>
<body>
    <input id="txtName" type="text" />
    <br />
    <input id="btnName" type="button" value="Try It" />
    <p id="Demo"></p>
</body>
</html>

Answer 1

jQuery采用类似CSS的选择器来查找和操作元素。

您的代码应如下所示：

$(document).ready(function() {
  $('#btnName').click(...)
})

Answer 2

这一行：

$("btnName").click(function () {

应该是：

$("#btnName").click(function () {

请参阅fiddle。

您还需要导入jQuery库（在<head>标记中）：

<script src="path/to/jquery.js"></script>

Answer 3

应该是

$("#btnName");

而不是

$("btnName");

顺便说一句，你可以使用Jquery：

$('#Demo').html($('#txtName').val());

Answer 4

试试这个......

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Error handling</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            $("#btnName").click(function () {
                var x = document.getElementById("Demo");
                x.innerHTML = document.getElementById("txtName").value;
                alert("Done");
            });
        });
    </script>
</head>
<body>
    <input id="txtName" type="text" />
    <br />
    <input id="btnName" type="button" value="Try It" />
    <p id="Demo"></p>
</body>
</html>

Answer 5

希望这会有所帮助：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Error handling</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script>
    $(document).ready(function () {
        $("#btnName").click(function () {
            var x = document.getElementById("Demo");
            x.innerHTML = document.getElementById("txtName").value;
            alert("Done");
        });
    });
    </script>
</head>
<body>
<input id="txtName" type="text" />
<br />
<input id="btnName" type="button" value="Try It" />
<p id="Demo"></p>
</body>
</html>

输入按钮单击事件未在HTML中触发

5 个答案: