Getting an option text value with JavaScript

Question

Answer  var option user selection   element options element selectedIndex  text  I am trying to build a form that fills in a person s order    lt form name  food select  gt       lt select name  maincourse  onchange  firstStep this   gt           lt option gt - select - lt  option gt           lt option text  breakfast  gt breakfast lt  option gt           lt option text  lunch  gt lunch lt  option gt           lt option text  dinner  gt dinner lt  option gt       lt  select gt   lt  form gt    What I m trying to do is send in the select object  pull the name and the text value from the option menu AND the data in the option tag    function firstStep element          Grab information from input element object      and place them in local variables     var select name   element name      var option value   element value      I can get the name and the option value  but I can t seem to get the text    or the value    from the select object  I only need the text value from the option menu the user selected  I know I can place them in an array  but that doesn t help  var option user selection   element options  whatever they select   text    I also need to use the passed in select reference as that is how it s set up in the rest of my code    Later on  that text value is going to be used to pull the XML document that will populate the next select form dynamically

User · Accepted Answer

You can use   var option user selection   element options  element selectedIndex   text

User · Answer

var option user selection   document getElementById  maincourse   options document getElementById  maincourse   selectedIndex   text

User · Answer

form MySelect options form MySelect selectedIndex  value

User · Answer

In jquery you could try this     select id gt option selected   text

[javascript] Getting an option text/value with JavaScript

Examples related to javascript

Examples related to html

Examples related to forms

Examples related to html-select