display value of button in textbox in javascript

Question

I use bootstrap and I want to display my value of button in textbox when I clicked it and my textbox show my value of button but its value doesn't remain and textbox become empty early

<input type="submit" value="5000t "class="btn btn-lg btn-block btn-danger" id="btn1" onclick="myf()" >
<input type="text" class="form-control" id="txt" name="txt">

 function myf() {
     var txt = document.getElementById('txt');
     var btn1 = document.getElementById('btn1');
     txt.value = btn1.value;

 }

Your submit triggers a postback which reloads the page, after which your textbox is empty again. — ZiNNED
– ZiNNED, Commented Aug 11, 2014 at 9:37
its working fine for me see the working example on jsfiddle:-jsfiddle.net/BtkCf/170 — Devendra Soni
– Devendra Soni, Commented Aug 11, 2014 at 9:39
@TilwinJoy True, but without knowing the rest of the code and seeing the symptoms, it seems like the most logical explanation. — ZiNNED
– ZiNNED, Commented Aug 11, 2014 at 9:44

Andrea Pegoretti · Accepted Answer · 2014-08-11 09:43:39Z

3

You should not to use a "submit" input type, which actually posts the form (as zinned pointed out), but a simple button, like:

<input type="button" value="5000t "class="btn btn-lg btn-block btn-danger" id="btn1" onclick="myf()" >

Of course you will need another submit button to send the form.

answered Aug 11, 2014 at 9:43

Andrea Pegoretti

3063 silver badges6 bronze badges

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

Comments

Prashank · Accepted Answer · 2014-08-11 09:52:38Z

0

Above code is working fine ..... but while integrating it with your code it make be possible page is getting refreshed or submit button is triggering a postback which makes the textbox empty.

One thing which cab be done is instead of type as "submit" normally use button

answered Aug 11, 2014 at 9:52

Prashank

1

Collectives™ on Stack Overflow

display value of button in textbox in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related