<select id="sel" οnchange="javascript:getSelect();">
<option value="a">选择</option>
<option value="bdd">be</option>
<option value="c">ce</option>
<option value="d">de</option>
<option value="e">ee</option>
</select>
<script>
function getSelect() {//得到select下拉列表中option的valuevar optionValue = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].value;//得到select下拉列表中option的textvar optionText = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].text;
}
</script><select id="sele" οnchange="javascript:getE();">
<option value="monday">星期一</option>
<option value="tuesday">星期二</option>
<option value="wednesday">星期三</option>
<option value="thursday">星期四</option>
<option value="friday">星期五</option>
</select>
<script>
function getE() {//我建议这里也像下面一些写,虽然这样写也可以获得数据var optionsValue = document.getElementById("sele").value;alert(optionsValue);var optionsText = document.getElementById("sele").options[document.getElementById("sele").options.selectedIndex].text;alert(optionsText);
}
</script>

转载于:https://www.cnblogs.com/moqiang02/p/4061625.html

this.options[selectedIndex]的使用相关推荐

  1. js / jquery 零散收集

    2019独角兽企业重金招聘Python工程师标准>>> <select id="typeSelector" οnchange="choiceopt ...

  2. BOM 浏览器对象模型和DOM 文档对象模型

    浏览器对象模型BOM 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可 ...

  3. select 下拉菜单Option对象使用add(elements,index)方法动态添加

    2019独角兽企业重金招聘Python工程师标准>>> 原生js 的add函数为下拉菜单增加选项 1.object.add(oElement [, iIndex]) index 可选 ...

  4. js的下拉框事件之onchange

    记录下用js的下拉框事件来实现切换图片和实现链接跳转的两个例子: 1.JS实现下拉框切换图片方法: <!doctype html> <html lang="en" ...

  5. javascript 表单验证大全(一)

    javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...

  6. javascript2008

    -----------------------------第一篇 入门篇-------------------------------------    第一章   1 javacript的起源;   ...

  7. 使用JavaScript在下拉列表中获取选定的值

    如何使用JavaScript从下拉列表中获取选定的值? 我尝试了下面的方法,但是它们都返回选择的索引而不是值: var as = document.form1.ddlViewBy.value; var ...

  8. javascript操作select下拉列表框的一点小经验

    今天客户对项目提出新需求,要求商品品牌不但能选择,还要能够录入,而且录入的品牌名称必须是下拉列表框里面的相(由于商品品牌太多,不好选择,所以有此要求:在此将我的处理方法记录一下). 按照我一贯的web ...

  9. python selenium --处理下拉框

    下拉框是我们最常见的一种页面元素,对于一般的元素,我们只需要一次就定位,但下拉框里的内容需要进行两次定位,先定位到下拉框,再定位到下拉框内里的选项. drop_down.html <html&g ...

最新文章

  1. Jvm 系列(八):Jvm 知识点总览
  2. jquery $.extend() 对象内容合并
  3. RabbitMQ和Kafka的区别
  4. 自然语言处理-LDA主题模型
  5. 征战多云时代,Nutanix这款Kubernetes多云PaaS新利器,你Get到了吗?
  6. 【OCR技术系列之三】大批量生成文字训练集
  7. 传媒大学媒体中心资源批量获取工具的制作
  8. 【算法随记四】自动色阶、对比度、直方图均衡等算法的一些小改进。
  9. linux 安装vlc源码包,CentOS6.3-快速安装VLC小记
  10. Linux虚拟机IP地址查询
  11. keil中 使用for循环体中条件判断框定义变量出错
  12. 关于解决无线拨号(PPPOE)上网的若干问题(WISP)
  13. iOS-Property follows Cocoa naming convention for returning ‘owned‘ objects
  14. 9-C++远征之多态篇-学习笔记
  15. 移动开发需要了解的UI设计知识
  16. springboot+vue+elementUI搭建个人博客
  17. Python开源小闹钟
  18. [python爬虫之路day19:] scrapy框架初入门day1——爬取百思不得姐段子
  19. java jacob ocx_JAVA通过jacob调用ocx
  20. 尚医通MyBatis-Plus入门、添加、主键策略(二)

热门文章

  1. python时间序列动图_手把手教你用Python进行时间序列分解和预测
  2. pythontype函数使用_基础教程:python isinstance与type函数用法
  3. html最新的版本是多少,HTML5之前的版本是什么?
  4. extjs中滚动条属性_十分钟快速了解 JS 中的 offset、scroll、client
  5. python的切片和索引是什么_NumPy 切片和索引
  6. .net new一个类为什么报空指针_谈谈.NET对象生命周期
  7. matlab contour光滑,使用Matplotlib在Contour Plot中平滑数据
  8. 根据镜像安装oracle插件,docker镜像alpine中安装oracle客户端
  9. linux系统创建lvm卷,LVM逻辑卷创建管理
  10. 华为机考HJ4字符串分隔C语言题解