Add value to hidden input field using jQuery

Question

I am dynamically adding input fields and I want to add a variation of those values of the input fields to hidden input array but I am struggling to do so. I have one hidden input in the html page:

        <input type="hidden" name="center_ids[]" value=""/>

And the jQuery I am using to add the value I want is the value returned from my AJAX method:

    $(".autocomp_centers").autocomplete({ 
        serviceUrl:'/suggest_centers',
            maxHeight:400,
            width:252,
            minChars:2,
            onSelect: function(value, data){ $("input[name='center_ids']").push(data) }
    });

But this does not add to the hidden input field. Anyone know what I am doing wrong?

yor answer is [here][1], try this for your function [1]: stackoverflow.com/questions/841722/append-text-to-input-field — allpnay
– allpnay, Commented Jan 7, 2013 at 15:42

GiDo · Accepted Answer · 2013-01-07 15:38:44Z

2

be carefull with the name of you input. Your input is named center_ids[] and not center_ids.

$(".autocomp_centers").autocomplete({ 
    serviceUrl:'/suggest_centers',
        maxHeight:400,
        width:252,
        minChars:2,
        onSelect: function(value, data){
            $("input[name='center_ids[]']").val(data);
        }
});

Hope this fix your problem.

answered Jan 7, 2013 at 15:38

GiDo

1,34012 silver badges23 bronze badges

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

1 Comment

Hugs Over a year ago

WOW! Bad selector by me. Thanks for helping.

Collectives™ on Stack Overflow

Add value to hidden input field using jQuery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related