how to get a value from option when select (this code working for chrome)

Question

how to get value from option

 <script>
    function usgsChanged(el) {
       window["display_" + el.options[el.selectedIndex].value]();
    }

    function display_1() {
       //how to get value from option
    }
 </script>

how to get value from option when select

 <select onchange="usgsChanged(this);">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="">more</option>
 <option value="">more</option>
 <option value="">more</option>
 </select>

Check out [this question](http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript). — vdwijngaert, Jun 09 '13 at 14:46
Downvoted because duplicates abound, like here: http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript — verybadalloc, Jun 09 '13 at 14:53

score 1 · Answer 1 · answered Jun 09 '13 at 14:51

<script>
function usgsChanged(option) {
    var value = option.value; //The value now resides in this variable
}
</script>  

<select onchange="usgsChanged(this);">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="">more</option>
    <option value="">more</option>
    <option value="">more</option>
</select>

score 0 · Answer 2 · answered Jun 09 '13 at 14:48

0

try something like this

$('#idOfSelectTag').change(function(){
  var value = $(this).val();
  alert(value);

});

answered Jun 09 '13 at 14:48

zazvorniki

3,512
21
74
122

score 0 · Answer 3 · answered Jun 09 '13 at 14:51

Try looking at internet before sanding a question. For example here.

Try this:

<script type="text/javascript">
function usgsChanged(el) {

   var index = el.selectedIndex;
   var selectOptions = el.options;
   var optionValue = selectOptions[index].value;
   var optionText = selectOptions[index].text;

   alert("Value is " + optionValue + " and text is " + optionText );

}
</script>

And HTML:

<select onchange="usgsChanged(this)">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="">more</option>
  <option value="">more</option>
  <option value="">more</option>
</select>

how to get a value from option when select (this code working for chrome)

3 Answers3