JQuery-Set value for empty dropdown from a variable

Question

I have a dropdown box, It has no values in them. I have to set it preselected with a value available in a variable. This is what I have done but it does not set this value.

if(condition)
{
    var selectedVal = "myValue";                
    $("#myDropDownId").val(selectedVal);
}

as per info from google, the above one works when there are options already available in the dropdown.

I tried with the below as well

if(condition)
{
    var selectedVal = "myValue";                
    $("#myDropDownId option:selected").val(selectedVal);
 }

What is the correct syntax for this please?

Do you mean there are no option elements inside the select? If that's the case, you probably want to add one with a value/text matching the value of your variable, rather than trying to set the select value. — James Allardice
– James Allardice, Commented Feb 17, 2012 at 10:07
why using drop down when you need to select a single value; in any case if you want to select a value you need to have it available as one of the options — Kris Ivanov
– Kris Ivanov, Commented Feb 17, 2012 at 10:12

Rory McCrossan · Accepted Answer · 2012-02-17 10:10:36Z

1

The code in your first example is the correct method and should work fine; see this fiddle.

Are you using Firefox? If so, don't forget it keeps the state of a form on refresh, and does not pick the default values. Try pressing CTRL+F5 to force it to completely refresh the page and reset the form to initial defaults.

answered Feb 17, 2012 at 10:10

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

digitebs · Accepted Answer · 2012-02-17 10:18:36Z

0

add this in your select

<option value="myValue">MY VALUEEEEE</option>

answered Feb 17, 2012 at 10:18

digitebs

8528 silver badges10 bronze badges

Comments

gdoron · Accepted Answer · 2012-02-17 10:23:40Z

0

This will do it:

var selectedVal = "myValue";
$("#myDropDownId").append('<option selected="true" value=' + selectedVal + '>' + 
                            selectedVal + '</option>');

JSFiddle DEMO

(You can delete the selected="true" part if you don't want that option be selected)

edited Feb 17, 2012 at 10:23

answered Feb 17, 2012 at 10:17

gdoron

151k59 gold badges302 silver badges376 bronze badges

Collectives™ on Stack Overflow

JQuery-Set value for empty dropdown from a variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related