Jquery to get SelectedText from dropdown

Question

I am trying to get the selected Text from the dropdownlist using Jquery    lt div gt       Html DropDownList  SelectedCountryId   Model CountryList    Select one Country     lt  div gt    Given below is the Jquery that I am using  But this is not working  I tried   var selectedText1       SelectedCountryId   val   this  find   selected   text        and is returning  object object   But how to read the selected text   Next I tried    var selectedText2       SelectedCountryId selected   text      Then it s returning empty   I also tried    var selectedText2       SelectedCountryId option selected   text      This also returned empty   I am able to return the selectedID using  var selectedID       SelectedCountryId   val      But why not the selected text   Is there anything wrong with my Jquery here  Please help    lt script src   Url Content    Scripts jquery-1 5 1 js    type  text javascript  gt  lt  script gt       lt script type  text javascript  gt            document  ready function                      SelectedCountryId   change function                       var selectedText1       SelectedCountryId   val   this  find   selected   text                     var selectedText2       SelectedCountryId selected   text                    alert  You selected      selectedText1   selectedText2                        This is the HTML for my dropdown  below   lt select id  SelectedCountryId  name  SelectedCountryId  gt  lt option value    gt  Select one Country  lt  option gt   lt option value  19  gt USA lt  option gt   lt option value  10  gt Germany lt  option gt   lt option value  12  gt Australia lt  option gt   lt  select gt

User · Answer

SelectedCountryId option selected   0  textContent   this worked for me  here instead of  0   pass the selected index of your drop down list

User · Answer

If you re using a  lt select gt     this  val   inside the change   event returns the value of the current selected option  Using text   is redundant most of the time  since it s usually identical to the value  and in case is different  you ll probably end up using the value in the back-end and not the text  So you can just do this   http   jsfiddle net elclanrs DW5kF   var selectedText2     this  val      EDIT  Note that in case your value attribute is empty  most browsers use the contents as value  so it ll work either way

User · Answer

Today  with jQuery  I do this       foo   change function            var foo       foo option selected   text            foo is the drop-down box id  Read more

User · Answer

lt    Page Language  C   AutoEventWireup  true  CodeBehind  WebForm1 aspx cs  Inherits  WebApplication1 WebForm1    gt    lt  DOCTYPE html gt    lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head runat  server  gt       lt title gt  lt  title gt       lt script src  jquery-3 1 0 js  gt  lt  script gt       lt script gt            function                      selectnumber   change function                    alert   val             selectnumber   val        AND  html             selectnumber option selected   html        AND  text             selectnumber option selected   text                                     lt  script gt   lt  head gt   lt body gt       lt form id  form1  runat  server  gt       lt div gt           lt select id  selectnumber  gt               lt option value  1  gt one lt  option gt               lt option value  2  gt two lt  option gt               lt option value  3  gt three lt  option gt               lt option value  4  gt four lt  option gt           lt  select gt        lt  div gt       lt  form gt   lt  body gt   lt  html gt      Thanks

User · Answer

first Set id attribute of dropdownlist like i do here than use that id to get value in jquery or javascrip   dropdownlist     Html DropDownList  CompanyId   ViewBag CompanyList as SelectList   Select Company   new    id  ddlCompany       jquery   var id   jQuery   ddlCompany option selected   val

User · Answer

Without dropdown ID       SelectedCountryId   change function             option selected     this   text

User · Answer

Get text from a dropdown multiple  var texts           list  selected   each function        texts push   this  text           texts now contains a list of selected text

User · Answer

Code to Retrieve Text from the Dropdownlist       selectOptions   change function          var selectOptions      selectOptions option selected         if selectOptions length  gt 0                 var resultString               resultString   selectOptions text

User · Answer

The problem could be on this line               var selectedText2       SelectedCountryId selected   text      It s looking for the item with id of SelectedCountryId that is selected  where you really want the option that s selected under SelectedCountryId  so try       SelectedCountryId option selected   text

User · Answer

Please use this      var listbox   document getElementById  yourdropdownid        var selIndex   listbox selectedIndex      var selValue   listbox options selIndex  value      var selText   listbox options selIndex  text       Then Please alert  selValue  and  selText   You get your selected dropdown value and text

User · Answer

I had the same problem yesterday  -       SelectedCountryId option selected   text     I also read that this is slow  if you want to use it often you should probably use something else   I don t know why yours is not working  this one is for me  maybe someone else can help

[jquery] Jquery to get SelectedText from dropdown

Examples related to jquery

Examples related to asp.net-mvc-3