Change the value of a div

Question

I have the following code with which I can change the value of a button while pressing on it:

HTML:

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

jQuery:

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

I however would like to change the text in a div when pressing a button. So i have:

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

And would like to change the div from "" to please... wait by pressing the submit button:

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

This does not work however. Anybody have an idea what I'm doing wrong?

possible duplicate of [HTML/Javascript change div content](http://stackoverflow.com/questions/2554149/html-javascript-change-div-content) — Anish Shah, Mar 20 '14 at 09:44

Felix · Accepted Answer · 2014-03-20T09:50:24.313

3

You need to use .text():

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

or .html() instead:

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

since <div> does not have value, it only has content so .text() or .html() will help you to change the content of <div> elements.

edited Mar 20 '14 at 09:50

answered Mar 20 '14 at 09:39

Felix

37,892
8
43
55

score 0 · Answer 2 · answered Mar 20 '14 at 09:39

0

Use .text()

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

answered Mar 20 '14 at 09:39

Anton

32,245
5
44
54

score 0 · Answer 3 · answered Mar 20 '14 at 09:42

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

Change the value of a div

3 Answers3