Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
123
rated 0 times [  129] [ 6]  / answers: 1 / hits: 18650  / 11 Years ago, tue, january 21, 2014, 12:00:00

I have the following javascript function that updates a text within a div when a button is clicked (using an onclick() event)
It works, but it immediately changes back to the old text.



function func()
{
var text = document.getElementById(text);
text.innerHTML = Changed;
};


The HTML



<body>
<form>
<input type=submit value=Add Text onclick=func()/>
</form>
<div id=text>
Text to Change
</div>
</body>


What am I missing? I also tried returning 'false' from the function but no luck.


More From » html

 Answers
9

You are actually submitting the form. Prevent that by adding return false to the onclick attribute:



<input type=submit value=Add Text onclick=func(); return false;/>

[#73036] Monday, January 20, 2014, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
krystadesiraeo

Total Points: 493
Total Questions: 93
Total Answers: 100

Location: San Marino
Member since Thu, Jun 30, 2022
2 Years ago
;