How to select drop down value using javascript or jquery

Question

0.00/5 (No votes)

See more:

How to select a drop down value using plain javascript.?

Let's consider i have a drop down list:

HTML

<select id="drpSelectSourceLibrary" name="asd">
    <option selected="selected" value="All">All</option>
    <option value="ValueOne">Option One</option>
    <option value="ValueTwo">Option Two</option>
    <option value="ValueThree">Option Three</option>
    <option value="ValueFour">Option Four</option>
    <option value="ValueFive">Option Five</option>
    <option value="ValueSix">Option Six</option>
    <option value="ValueSeven">Option Seven</option>
</select>

What I have tried:

We can select the value of drop down with the below javascript code:

javscript

document.getElementById('drpSelectSourceLibrary').value = 'ValueSeven';

But what are the some of the other techniques using which we can select the drop down values using javascript or jquery.?

Posted 29-May-16 7:45am

Shabana Ansari

Updated 29-May-16 8:21am

Chris Maunder775.7K

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 11224685 · Accepted Answer · 2016-05-29T08:13:00

Solution 1

Here are some of the techniques using which you can select the drop down values.

Method 1:

$('#drpSelectSourceLibrary option')[2].selected = true;

Method 2:

$('#x option[value="5"]').prop('selected', true);

Method 3:

$("#drpSelectSourceLibrary").val('ValueFour');

method 4:
$('select').val("ValueOne");

One can refer this blog Selecting dropdown values in javascript. There are so many techniques to do it.

Posted 29-May-16 8:13am

Member 11224685

Updated 29-May-16 8:20am

Chris Maunder775.7K

Comments

Karthik_Mahalingam 30-May-16 0:31am

5, for the link.

Animesh Datta 30-May-16 1:00am

my 5!