Adding Javascript value to hidden input

Question

I'm trying to add a JavaScript variable to a hidden input field. How would I do this?

HTML:

<button type="button" class="submitFormOnClick btn btn-warning pull-right"
        style="margin-bottom:15px; margin-top:15px;" id="bet">Bet
</button>

<input type="hidden" name="controller" value="keno">
<input type="hidden" name="task" id="task" value="">
<input type="hidden" name="pickednumbers" id="pickednumbers">

JavaScript:

<script type="text/javascript">
    var inc = 0;
    var pickednumbers = [];
    function myFunction(elmnt, color, id)
    {
        if(pickednumbers.length >= 20)
        {
            return false;
        }

        if (pickednumbers.indexOf(id) === -1)
        {
            pickednumbers.push(id);

            elmnt.style.background = color;
            inc = inc + 1;
            if(inc >= 20)
            {
                document.getElementById('onColor').setAttribute("style", "background-color:green");
            }
        }
        else
        {
            return false;
        }
    }
</script>

What I need: All I want is to have the variable pickednumbers be sent with the input type hidden.

Possible duplicate of Javascript - Storing array of objects in hidden field — A l w a y s S u n n y
– A l w a y s S u n n y, Commented Sep 26, 2017 at 17:04
<div id="containerkeno" class="noselect"> <div id="box_one" onclick="myFunction(this, 'orange', 1)" class="box">1</div>. I know the variable is filled.with correct data. When I alert it, it has the data which need to be sent — Ronnie Oosting
– Ronnie Oosting, Commented Sep 26, 2017 at 17:05
Possible duplicate of Click button. Javascript alert box. If click OK, page reloads and need to create php variable with html input form value — coreyward
– coreyward, Commented Sep 26, 2017 at 17:37

Temani Afif · Accepted Answer · 2017-12-18 09:59:09Z

4

You may simply do this :

var inc = 0;
var pickednumbers = [2,3,4,8];

document.getElementById("pickednumbers").setAttribute("value",JSON.stringify(pickednumbers));

<button type="button" class="submitFormOnClick btn btn-warning pull-right" style="margin-bottom:15px;margin-top:15px;" id="bet">Bet
</button>

<input type="hidden" name="controller" value="keno">
<input type="hidden" name="task" id="task" value="">
<input type="hidden" name="pickednumbers" id="pickednumbers">

edited Dec 18, 2017 at 9:59

answered Sep 26, 2017 at 17:05

Temani Afif

280k30 gold badges378 silver badges502 bronze badges

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

Collectives™ on Stack Overflow

Adding Javascript value to hidden input

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related