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

最新推荐文章于 2023-06-20 12:30:32 发布

梦魇秦歌

最新推荐文章于 2023-06-20 12:30:32 发布

阅读量2.7k

点赞数

分类专栏： javascript 文章标签： generator javascript html action function c

本文链接：https://blog.csdn.net/mengyan4632/article/details/6412419

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!--
<!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 οnlοad="load()">
<FORM METHOD=POST ACTION="">
<SELECT NAME="testSel" id="testSel" οnchange="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>