Jquery to get the id of selected value from dropdown

Question

I have a drop down list that fetches values from db as follows    get   getJobs   function  jobs            seljobs   jobs          var i   0          jobs forEach function  n                               alert  job id----  n id    32 67 45                            alert  job names----  n names   test1 test2 test3              html      lt option value      i      gt     n names     lt  option gt                i                            jobSel   html html             i have to get the id of selected dropdown value    ic in my dropdown i have name values test1 test2 test3 ans assosiated id s 32 67 45   while selecting test1 i have to get id 32 and so ans so How it is possible   lt tr gt                           lt td width  200px  gt Jobs lt  td gt                           lt td gt                                lt select id  jobSel  class  longcombo  gt  lt  select gt                           lt  td gt                       lt  tr gt

User · Answer

First set a custom attribute into your option for example nameid (you can set non-standardized attribute of an HTML element, it's allowed):

'<option nameid= "' + n.id + "' value="' + i + '">' + n.names + '</option>'

then you can easily get attribute value using jquery .attr() :

$('option:selected').attr("nameid")

For Example:

<select id="jobSel" class="longcombo" onchange="GetNameId">
    <option nameid="32" value="1">test1</option>
    <option nameid="67" value="1">test2</option>
    <option nameid="45" value="1">test3</option>    
    </select>

Jquery:

function GetNameId(){
   alert($('#jobSel option:selected').attr("nameid"));
}

User · Answer

Try this on change event    quot  jodSel quot   on  change  function        var getValue   this  val        alert getValue          Note  In dropdownlist if you want to set id text relation from your database  then  set id as value in option tag  not by adding extra id attribute inside option its not standard paractise though i did both in my answer but i prefer example 1 HTML Markup Example 1       lt select id  quot example1 quot  gt           lt option value  quot 1 quot  gt one lt  option gt           lt option value  quot 2 quot  gt two lt  option gt           lt option value  quot 3 quot  gt three lt  option gt           lt option value  quot 4 quot  gt four lt  option gt       lt  select gt  Example 2        lt select id  quot example2 quot  gt           lt option id  quot 1 quot  gt one lt  option gt           lt option id  quot 2 quot  gt two lt  option gt           lt option id  quot 3 quot  gt three lt  option gt           lt option id  quot 4 quot  gt four lt  option gt       lt  select gt   Jquery     quot  example1 quot   on  change   function          alert   this  val             quot  example2 quot   on  change   function          alert   this  find  option selected   attr  id          View Demo   For example 1  amp  2 Blog Article   Get and Set dropdown list selected value with Jquery My Blog   jQuery tutorials

User · Answer

If you are trying to get the id  then please update your code like    html      lt option id        n id      value      i      gt     n names     lt  option gt      To retrieve id      option selected   attr  id     To retrieve Value     option selected   val     in Javascript  var e   document getElementById  jobSel    var job   e options e selectedIndex  value

User · Answer

Try the change event and selected selector      jobSel   change function        var optId     this  find  option selected   attr  id

[javascript] Jquery to get the id of selected value from dropdown

Examples related to javascript

Examples related to jquery