1

我不知道为什么我的代码没有执行。我只是在单击按钮时将文本框值分配给段落的 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>
4

6 回答 6

2

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

您的代码应如下所示：

$(document).ready(function() {
  $('#btnName').click(...)
})
于 2013-08-11T17:28:13.167 回答
1

这一行：

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

应该：

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

见小提琴。

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

<script src="path/to/jquery.js"></script>
于 2013-08-11T17:28:28.413 回答
0

应该

$("#btnName");

代替

$("btnName");

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

$('#Demo').html($('#txtName').val());
于 2013-08-11T17:27:56.770 回答
0

试试这个...

<!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>
于 2013-08-11T17:30:11.020 回答
0

希望这可以帮助：

<!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>
于 2013-08-11T17:41:39.853 回答
0

我知道这是一个可以接受的答案的老问题，但是当我遇到一个以前可以工作的按钮单击事件未触发时，我偶然发现了它。我们将我们的网站从 html 4 切换到 html 5，它引起了一些问题，所以我认为这个是相关的。按钮 ID 是“MakeInvoice”，我将其更改为“MakeInvoiceBtn”，它又开始工作了，所以我认为存在 html 5 无法原谅的 ID 冲突，但我们使用的早期 html 没问题。

于 2021-10-20T13:37:31.667 回答