Modify an HTML value with JS variable

Question

I have this function, that takes the value of "count", prints it and save it in a variable

<input type="number" id="count" min="1" value="1" style="text-align:center"><br><br>
        <script>

            $('#count').bind('click keyup', function(){
               alert($(this).val());
               $hello = $(this).val();
            });
        </script>

and i want to take $hello and put it in a value in a input tag, something like this

<input name="x" type="hidden" value="//here would be $hello">

How can I do that?

Thanks.

Prasanna Kumar H A · Accepted Answer · 2015-05-06 04:11:27Z

4

Try this,it will work

 $('#count').bind('click keyup', function(){
                   alert($(this).val());
                   var hello = $(this).val();
                   $("#check").val(hello);   
                });

    <input name="x" id="check" type="hidden" value="//here would be hello">

answered May 6, 2015 at 4:11

Prasanna Kumar H A

3,4416 gold badges28 silver badges52 bronze badges

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

1 Comment

Prasanna Kumar H A Over a year ago

@Hook thank u..accept the answer it will be useful for others

Oka · Accepted Answer · 2015-05-06 04:11:24Z

2

jQuery's .val() method is both a getter and a setter.

Try this:

$('input[name="x"]').val($hello);

answered May 6, 2015 at 4:11

Oka

27k7 gold badges51 silver badges59 bronze badges

Comments

Raghava Rudrakanth P V · Accepted Answer · 2015-05-06 04:14:38Z

1

User setter variable after $hello

     <input type="number" id="count" min="1" value="1" style="text-align:center"><br><br>
            <script>

                $('#count').bind('click keyup', function(){
                   alert($(this).val());
                   $hello = $(this).val();
$("#x").val($hello);
                });
            </script>

answered May 6, 2015 at 4:14

Raghava Rudrakanth P V

1315 bronze badges

Comments

marc_s · Accepted Answer · 2016-01-31 09:06:29Z

0

jQuery val() method is used to apply the value to input element:

<input type="number" id="count" min="1" value="1" style="text-align:center"><br><br>
<input name="x" type="hidden" value="//here would be $hello">
        <script>

            $('#count').bind('click keyup', function(){
               alert($(this).val());
               $hello = $(this).val();
               $('input[name="x"]').val($hello);

            });
        </script>

demo link

edited Jan 31, 2016 at 9:06

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered May 6, 2015 at 4:55

J.M.Farook

1831 silver badge8 bronze badges

Collectives™ on Stack Overflow

Modify an HTML value with JS variable

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related