javascript 如何读取dropdownlist 的值（转）

最新推荐文章于 2025-09-07 22:29:54 发布

weixin_30682415

最新推荐文章于 2025-09-07 22:29:54 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/redfox241/archive/2009/02/17/1392692.html

本文介绍了一个HTML页面中Option对象的基本属性及其使用方法。通过JavaScript函数实现了获取和更改下拉列表中选项的位置、名称和值的功能，并允许用户进行交互式修改。

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

转载于:https://www.cnblogs.com/redfox241/archive/2009/02/17/1392692.html