Getting the text from a drop-down box

Question

This gets the value of whatever is selected in my dropdown menu   document getElementById  newSkill   value   I cannot however find out what property to go after for the text that s currently displayed by the drop down menu  I tried  text  then looked at W3Schools but that didn t have the answer  does anybody here know   For those not sure  here s the HTML for a drop down box    lt select name  newSkill  id  newSkill  gt       lt option value  1  gt A skill lt  option gt       lt option value  2  gt Another skill lt  option gt       lt option value  3  gt Yet another skill lt  option gt   lt  select gt

User · Answer

This should return the text value of the selected value

var vSkill = document.getElementById('newSkill');

var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;

alert(vSkillText);

Props: @Tanerax for reading the question, knowing what was asked and answering it before others figured it out.

Edit: DownModed, cause I actually read a question fully, and answered it, sad world it is.

User · Answer

This works i tried it my self i thought i post it here in case someone need it     document getElementById  newSkill   options document getElementById  newSkill   selectedIndex  text

User · Answer

Based on your example HTML code  here s one way to get the displayed text of the currently selected option   var skillsSelect   document getElementById  newSkill    var selectedText   skillsSelect options skillsSelect selectedIndex  text

User · Answer

Simply You can use Jquery instead of Javascript      yourdropdownid option selected   text      Try This

User · Answer

document getElementById  newSkill   options document getElementById  newSkill   selectedIndex  value    Should work

User · Answer

Does this get the correct answer    document getElementById  newSkill   innerHTML

User · Answer

var ele   document getElementById  newSkill       ele onchange   function                var length   ele children length             for var i 0  i lt length i                     if ele children i  selected  alert ele children i  text

User · Answer

Here is an easy and short method  document getElementById  elementID   selectedOptions 0  innerHTML

User · Answer

function getValue obj            it will return the selected text       obj variable will contain the object of check box    var text   obj options obj selectedIndex  innerHTML         HTML Snippet     lt asp DropDownList ID  ddl  runat  server  CssClass  ComboXXX     onchange  getValue this   gt   lt  asp DropDownList gt

User · Answer

Please try the below this is the easiest way and it works perfectly  var newSkill Text   document getElementById  newSkill   document getElementById  newSkill   selectedIndex

User · Answer

Attaches a change event to the select that gets the text for each selected option and writes them in the div   You can use jQuery it very face and successful and easy to use   lt select name  sweets  multiple  multiple  gt     lt option gt Chocolate lt  option gt     lt option gt Candy lt  option gt     lt option gt Taffy lt  option gt     lt option selected  selected  gt Caramel lt  option gt     lt option gt Fudge lt  option gt     lt option gt Cookie lt  option gt   lt  select gt   lt div gt  lt  div gt       select   change function        var str             select option selected   each function         str       this   text                       div    text  str       change

User · Answer

var selectoption   document getElementById  dropdown    var optionText   selectoption options selectoption selectedIndex  text

[javascript] Getting the text from a drop-down box

Examples related to javascript

Examples related to dom

Examples related to browser

Examples related to client-side