JS 得到选中的下拉列表的序号 或者 显示的内容

// html 片段  
<select id="mySelect" onchange="getValue(this);"> 
  <option>Apple</option> 
  <option>Orange</option> 
  <option>Pineapple</option> 
  <option>Banana</option> 
</select> 
 
// js   
<script> 
  function getValue(obj) 
  { 
      var vValue = obj.value; 
      alert("被选中的下拉列表的值是:"+vValue); 
 
      var vIndex = obj.selectedIndex; 
      alert("被选中的下拉列表的索引序号是:"+vIndex); 
 
      var vInnerHtml = obj.options[obj.selectedIndex].innerHTML 
      alert("被选中的下拉列表的显示内容是:"+vInnerHtml ); 
  } 
</script> 
// html 片段
<select id="mySelect" onchange="getValue(this);">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>

// js
<script>
  function getValue(obj)
  {
      var vValue = obj.value;
      alert("被选中的下拉列表的值是:"+vValue);

      var vIndex = obj.selectedIndex;
      alert("被选中的下拉列表的索引序号是:"+vIndex);

      var vInnerHtml = obj.options[obj.selectedIndex].innerHTML
      alert("被选中的下拉列表的显示内容是:"+vInnerHtml );
  }
</script>

 

备忘所用，也希望给广大网友以提示作用。