Javascript filling input value

Question

I have a textfield in HTML, where the value is predefined, e.g. "hello".

Now I change the value manually on my website from "hello" to "bye". When I click on a button, that calls the same site again, my value of the input type should be "bye" now and not "hello". Here you can see my code :

<form method="POST" id="ReloadPage" name="ReloadPage" action="MyWebsite" onsubmit="getValue();">  
<strong>word: </strong>
<input id="word" type="text" size="30" value="hello" name="WORD" />

<script type="text/javascript">
function getValue() {
  document.getElementById("word").value="bye";
}
</script>

But somehow, the value will always be hello and doesn't change to bye. Thanks a lot for help.

you can use localstorage or cookies for this. as each time the page reloads the javascript is freshly loaded. — Kevin Kloet
– Kevin Kloet, Commented Dec 8, 2016 at 12:51

Mairaj Ahmad · Accepted Answer · 2016-12-08 12:56:56Z

1

You can't use function as name of function.Change name of your function

<form method="POST" id="ReloadPage" name="ReloadPage" action="MyWebsite" onsubmit="return GetValue();">  
<strong>word: </strong>
<input id="word" type="text" size="30" value="hello" name="WORD" />

function GetValue() {
 document.getElementById("word").value="bye";
 return false;
}

Also when you submit the form page will reload so it will show initial value again.

edited Dec 8, 2016 at 12:56

answered Dec 8, 2016 at 12:50

Mairaj Ahmad

14.6k2 gold badges29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Anupam Over a year ago

Although what you posted is true but this wont solve the issue. page will be reloaded and entered value will be lost

Tobias Over a year ago

Sorry, that was my fault. I just named the function "function()" that it's clear for everyone. The function has another name.

Mairaj Ahmad Over a year ago

@anu yes i was updating that meanwhile you commented.

Mairaj Ahmad Over a year ago

@Tobias to avoid submission you can simply call function on button click.

Tobias Over a year ago

@Leopard I've seen it and it worked! Thank you very much

Collectives™ on Stack Overflow

Javascript filling input value

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related