How to set selected value on dropdownlist using jquery

Question

0.00/5 (No votes)

See more:

if (projecttype == "FTE" || projecttype == "Retainer") {
              //  $('#drprojecttype').val("Dedicated");
              $("#drprojecttype option[value='Dedicated']").attr("selected", "selected");
            //  $("#drprojecttype").val("Dedicated");
          }
          else {
              // $("#drprojecttype").val("Adhoc");
              $('select[name^="drprojecttype"] option:selected').attr("selected", null);
              $("#drprojecttype option[value='Adhoc']").attr("selected", "selected");
          }

Html code:-

<select id="drprojecttype" name="drprojecttype" class="form-control" style="width:50%;">
                                                   <option value="0">--select--</option>
                                                   <option value="Adhoc">Adhoc</option>
                                                   <option value="Dedicated">Dedicated</option>
                                               </select>

What I have tried:

I was trying to set selected value to my dropdownlist. I searched on google but didn't found the satisfactory answer. please help

Posted 6-Mar-17 18:06pm

Member 10549697

Updated 10-Apr-19 6:06am

Add a Solution

3 solutions

Add a Solution

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

Karthik_Mahalingam · Accepted Answer · 2017-03-06T18:13:00

Solution 2

why not val()[^]

$('#drprojecttype').val("Adhoc")

using vanilla javascript

document.getElementById('drprojecttype').value = "Adhoc"

Posted 6-Mar-17 18:13pm

Karthik_Mahalingam

Updated 6-Mar-17 18:16pm

v2

Comments

Member 10549697 7-Mar-17 0:25am

the val() is not working here.

Karthik_Mahalingam 7-Mar-17 0:27am

right click the browser and check the select tag how it is formed.. and post the element here..

Member 10549697 7-Mar-17 0:51am

Hi Karthik. It's working properly. Thank you!

Karthik_Mahalingam 7-Mar-17 0:52am

cool,

Member 14125906 29-Jan-19 15:17pm

tell me how bro ....!

Karthik_Mahalingam 29-Jan-19 19:22pm

What to tell

Member 13640726 · Accepted Answer · 2018-01-23T23:49:00

With jQuery, simply by retreiving the DOM node ... $( <selector> ).get(0) and use the native Javascript property .selectedIndex.
Set the index of the option (not the value) !

JavaScript

$( <selector> ).get(0).selectedIndex = <required-index>

When we have the option value, so use the CSS Attribute selector, and .attr()

JavaScript

$( <selector> ).find('option[value="<required-value>"]').attr('selected','selected')

To fetch the index (position of the option in DOM tree) of an option by its value, use:

idx = $( <selector> ).find('option[value="<required-value>"]').index()

Note: the index position start at 0!

Ramesh Kumar Barik · Accepted Answer · 2017-03-06T18:11:00

Solution 1

Var YouValue ="100";

$("#ddlID > [value=" + YouValue + "]").attr("selected", "true");

Posted 6-Mar-17 18:11pm

Ramesh Kumar Barik

Comments

Member 10549697 7-Mar-17 0:21am

It works. Thank you!

How to set selected value on dropdownlist using jquery

3 solutions

Solution 2

Solution 3

Solution 1

Add your solution here

Preview 0

How to set selected value on dropdownlist using jquery

3 solutions

Solution 2

Solution 3

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us