javascript - 選択時にオプションから値を取得する方法（このコードはクロムで機能します）

Question

オプションから値を取得する方法

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

    function display_1() {
       //how to get value from option
    }
 </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>

Answer 1

<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>

Answer 2

質問を紙やすりで磨く前に、インターネットを見てみてください。たとえば、こちら。

これを試して：

<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>

そして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>

Answer 3

このようなことを試してください

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

});