如何为下拉列表的文本复制与如何得到下拉列表选中项的文本值

来源：互联网发布：山东大学网络教育官网编辑：程序博客网时间：2024/05/01 14:13

<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>如何为下拉列表的文本复制与如何得到下拉列表选中项的文本值</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--s
function load() {
/* 页面初始化时重新为下拉列表的显示文本复制,你可以看到PLEASE不会显示出来了，而显示的是HELLO */
document.getElementById("testSel").options[0].innerText="HELLO";
}

function putout() {
  /* 取得下拉列表框对象 */
  var testSel = document.getElementById("testSel");
  /* 取得当前选中的索引 */
  var index = document.getElementById("testSel").selectedIndex;
  /* 根据索引取得options集合之中的一个option元素,它的innerText属性就是页面显示的文本啦 */
  var text = testSel.options[index].innerText;
  /* 取得当前选中项的值 */
  var val = document.getElementById("testSel").value;
  alert("这是选中的下拉列表框文本值：" + text);
  alert("这是选中的下拉列表框的值：" + val);
}
//-->
</SCRIPT>
<BODY onload="load()">
<FORM METHOD=POST ACTION="">
<SELECT NAME="testSel" id="testSel" onchange="putout()">
  <OPTION VALUE="aaa" SELECTED>PLEASE</OPTION>
  <OPTION VALUE="a">aaa</OPTION>
  <OPTION VALUE="b">bbb</OPTION>
  <OPTION VALUE="c">ccc</OPTION>
  <OPTION VALUE="d">ddd</OPTION>
  <OPTION VALUE="e">eee</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>

-->