您的位置：首页 > Web前端 > JavaScript

javascript 如何读取dropdownlist 的值（转）

2009-02-17 19:35 330 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

javascript 如何 读取dropdownlist 的值 （转）

javascript 如何读取dropdownlist 的值（转）