HTML textbox default value update with every input

Question

I have this simple Html code here.

<form action="" method="post">
    Text Box:<input type="text" name="host" value="default value" size=30 onchange="updateTextBox()" />
    <input type="submit" name="submit" value="update value in text box to current value"/>
</form>

Every time I click the button, I want the default value of the textbox to be updated to the value I most recently entered.

What have you done so far?

Vinz243
– Vinz243

2014-06-06 19:22:21 +00:00
Commented Jun 6, 2014 at 19:22 — Vinz243
– Vinz243, Commented Jun 6, 2014 at 19:22

Josh Durham · Accepted Answer · 2014-06-06 19:43:04Z

1

<script>
    /* give a name to the form and write it where "form_name" is */
    var newText = document.forms["form_name"]["host"].value;

    /* add this chunk in the submit button (onclick = "changeText()") */
    function changeText()
    {
        /* give an id to the text box input tag and replace "input_id" with that */
        document.getElementById("input_id").value = newText; 
    }
</script>

edited Jun 6, 2014 at 19:43

Josh Durham

1,6621 gold badge17 silver badges28 bronze badges

answered Jun 6, 2014 at 19:26

Avinash Kadimisetty

1432 silver badges14 bronze badges

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

2 Comments

rez Over a year ago

can you make me an example ? it doesnt seem to work... <html> <script> var newText = document.forms["mainform"]["input"].value; function changeText() { document.getElementById("input1").value = newText; } </script> <form name="mainform" action="" method="post"> <input type="text" name="input" id="input1" /> <input type="submit" onclick ="changeText()" name="Submit" value="Submit!" /> </form> <html>

Avinash Kadimisetty Over a year ago

<input type="submit" onclick ="changeText(event)" name="Submit" value="Submit!" /> changeText(e) { event.preventDefault(); //functionality here $('form').submit(); }

Collectives™ on Stack Overflow

HTML textbox default value update with every input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related