Question

我有以下代码，我可以在按下时更改按钮的值：

HTML：

    <input type="submit" value="Submit"/>
    <input type="submit" value="Register"/>

jQuery的：

$(":submit").click(function() {
    $("#test").attr("value", "please wait...");
});

但是我想在按下按钮时更改div中的文本。所以我有：

<body>
    <input type="submit" value="Submit"/>
    <input type="submit" value="Register"/>
    <div id="test"> </div>
</body>

并希望将div从""更改为please...等待按提交按钮：

$(":submit").click(function() {
    $("#test").attr("value", "please wait...");
});

然而，这不起作用。任何人都知道我做错了什么？

Answer 1

您需要使用 .text() ：

$(":submit").click(function() {
     $("#test").text("please wait...");
});

或 .html() 代替：

$(":submit").click(function() {
     $("#test").html("please wait...");
});

由于<div>没有价值，因此它只有内容，因此.text()或.html()会帮助您更改<div>元素的内容。

Answer 2

使用.text()

$(":submit").click(function() {
$("#test").text("please wait...");
});

Answer 3

<head>
   <script>   
       function f(){   
           document.getElementById("test").innerHTML = "whatever";
       }
   </script>
</head>
<body>

<input type="submit" value="Submit" onclick="f()"/>
<input type="submit" value="Register"/>

<div id="test"> </div>


</body>

更改div的值

3 个答案: