Pass a js variable in to jquery

Question

I am trying to pass a simple .js variable (prodID) into a jquery function that preselects a dropdown. I know the prodID variable has a value because document.write prints it out. I know that the jQuery works, because when I assign an arbitrary value (say....225) to the 'value =' variable, the dropdown selects as it should. I just can't get value='prod_id' to work. Is always null. What am I doing wrong?

    var ProductID = "ProductID";
    var prodID = getCookieValue(ProductID);
    document.write(prodID);

    changeDropDown(prodID); 

    function changeDropDown(prodID){
        jQuery("#groupsel_0 option[value= 'prodID' ]").prop("selected", true);
        jQuery('#groupsel_0').trigger('change');  
    };

I have tried not wrapping in a function too.

Maybe jQuery("#groupsel_0 option[value= "+prodID+" ]").prop("selected", true); ? — Michael Brenndoerfer
– Michael Brenndoerfer, Commented Oct 9, 2013 at 19:37
Insert it into the string the same way you would insert any other javascript variable into a string. "foo" + myvar + "bar" — Kevin B
– Kevin B, Commented Oct 9, 2013 at 19:44

adam · Accepted Answer · 2013-10-09 19:37:49Z

1

function changeDropDown(prodID){
    jQuery("#groupsel_0 option[value= '" + prodID + "']").prop("selected", true);
    jQuery('#groupsel_0').trigger('change');  
};

you need to escape your string

answered Oct 9, 2013 at 19:37

adam

2,9708 gold badges57 silver badges90 bronze badges

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

Collectives™ on Stack Overflow

Pass a js variable in to jquery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related