How can I select an option in an html select where I know the value?

Question

In jQuery, if I have an html select with an id of "parentId", how can I select an option where I know the option's value?

Here is the code that I have:

function selectParentId(parentId)
{
    $('#parentId').find('option').each(function(index,element){
     if(element.value == parentId)
        element.prop('selected', true);
     });
}

How do I need to change the above code?

Duplicate -> http://stackoverflow.com/questions/13343566/set-select-option-selected-by-value — adeneo, Feb 18 '16 at 02:24

The Alpha · Accepted Answer · 2016-02-18T02:19:09.787

2

To select an item using value you may try this:

$('#parentId option[value="yourvalue"]').prop("selected", 1);

So your function could be re-written as:

function selectDropdown(id, value)
{
    $('#'+id+' option[value="'+value+'"]').prop("selected", 1);
}

So you can call it like:

selectDropdown('theIdOfSelect', 'theValueOfSelect');

An Example Here.

edited Feb 18 '16 at 02:19

answered Feb 18 '16 at 02:13

The Alpha

143,660
29
287
307

1

You beat me to it. But here is a fiddle with something pretty similar: https://jsfiddle.net/174qp30p/4/ – WheretheresaWill Feb 18 '16 at 02:19
1

I've updated the fiddle @WheretheresaWill anf mine is more dynamic which can select any `select` :-) – The Alpha Feb 18 '16 at 02:23

score 0 · Answer 2 · edited Feb 18 '16 at 08:43

0

Try this:

function selectParentId(id,value) {
    $('#' + id).val(value)
}

edited Feb 18 '16 at 08:43

Ibrahim Khan

20,616
7
42
55

answered Feb 18 '16 at 04:07

Jobelle

2,717
1
15
26

How can I select an option in an html select where I know the value?

2 Answers2