取得select的option的text值

<html>   
  <head>   
  <title>Option对象的属性</title>   
  <script   language="JavaScript">   
  //   显示选项信息   
  function   optionData(){   
          var   objSelect   =   document.myForm.mySelect;   
          pos.innerText   =   objSelect.options[objSelect.selectedIndex].index;   
          content.innerText   =   objSelect.options[objSelect.selectedIndex].text;   
          show.innerText   =   objSelect.options[objSelect.selectedIndex].value;   
  }   
  //   更改选项名称   
  function   changeText(objForm){   
          var   objSelect   =   objForm.mySelect   
          objSelect.options[objSelect.selectedIndex].text   =   objForm.optionName.value;   
  }   
  </script>   
  </head>   
  <body>   
  <h2>Option对象的属性</h2>   
  <hr>   
  <form   name="myForm">   
  <select   name="mySelect">   
  <option   value="value1"   Selected>HTML</option>   
  <option   value="value2">JavaScript</option>   
  <option   value="value3">VBScript</option>   
  </select>   
  <input   type="button"   onclick="optionData()"   value="选择"><br>   
  选项名称   :   <input   type="text"   name="optionName">   
  <input   type="button"   onclick="changeText(this.form)"   value="更改">   
  </form>   
  选项位置:   <span   id="pos"></span><br>   
  选项名称:   <span   id="content"></span><br>   
  选项值   :   <span   id="show"></span><br>   
  </body>   
  </html> 
posted @ 2008-03-28 00:20  Athrun  阅读(1476)  评论(0)  编辑  收藏  举报