获取 select 下拉框的值分为 option 没有 value 属性及有 value 属性时的两种情况,下面分别给出具体的实现代码,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
如何获取 select 下拉框的值:
1. 下拉框的 option 没有 value 属性时
- <select id="param1">
- <option>
- 学号
- </option>
- <option>
- 姓名
- </option>
- <option>
- 年龄
- </option>
- </seclect>
- <script>
- window.onload = funciton() {
- var param = document.getElementById("param1");
- param.onchange = getParam() {
- var text = param.value;
- }
- }
- </script>
2. 下拉框的 option 有 value 属性时
- <select id="param1">
- <option>
- 学号
- </option>
- <option>
- 姓名
- </option>
- <option>
- 年龄
- </option>
- </seclect>
- <script>
- window.onload = funciton() {
- var param = document.getElementById("param1");
- param.onchange = getParam() {
- var selectIndex = param.selectIndex; //获得被选项的引索号
- var text = param.options[selectIndex].text;
- </script>
来源: