当前位置: 首页 > article >正文

JS检索下拉列表框中被选项目的索引号(selectedIndex)

JS检索下拉列表框中被选项目的索引号(selectedIndex)

selectedIndex API

  • JavaScript 提供了找到select ID索引号的方法,它反映了第一个或最后选择的索引 元件,这取决于值 multiple,注意,该值为 -1 指示未选择任何元素。

  • selectedIndex 属性可设置或返回下拉列表中被选选项的索引号,若允许多重选择,则仅会返回第一个被选选项的索引号

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS检索下拉列表框中被选项目的索引号(selectedIndex)</title>
</head>
<span>权力不私有,财产不公有</span>
<span>不能交给别人的三项基本权利:生命、财产、自由</span>
<span>人生下来的时候只是无知,但并不愚蠢,愚蠢是后来的教育造成的</span>
<body>
<select id="select"><option>one</option><option>two</option><option>three</option>
</select>
<button onclick="get()">获取索引号</button>
<button onclick="reset()">重置索引号</button>
<script>// 获取列表项(select)var select = document.getElementById('select')// 获取索引号function get(){console.log(`当前索引号:${select.selectedIndex}`)}// 重置索引号function reset(){let flag = select.selectedIndex //频繁使用封装一下(*^_^*)if(flag == '0'){ // 重置索引值为0的列表项flag = 999 //更改值为999console.log(`重置后索引号:${flag}`)console.log(`注意:重置不会改变原值,不信你看现在的值:${select.selectedIndex}`)}}
</script>
</body>
</html>

在这里插入图片描述
js中类似${xx,xxxy}的语句是什么意思?

${'xxx','yyy'}

  • 其实是这样的 ${}里边 依旧是js,外边也是js 什么场景使用最好呢
  • 还记得字符串拼接吗没错,++++
  • 例如: var a = 1;
  • console.log(‘一共有’+a+‘个鸡蛋!’)
  • 那么现在你只要
  • console.log(一共有${a}个鸡蛋!)
http://www.lryc.cn/news/2418977.html

相关文章:

  • C#报表控件ReportViewer
  • 权限表设计
  • 如何在本地设置www.xxx.com,使其允许访问
  • 解决MMC无法创建管理单元的问题!
  • 使用小马哥win10 激活工具激活后, 桌面上经常出现一个广告快捷方式的 解决方法...
  • Object-C 与C/C++的区别
  • 在word文档中如何自动生成目录,两种方法制作目录,总有一种适合你
  • 网工请自查!这十个技术问题还不会就out了
  • 使用Python Web(Django)和Bootstrap制作一款精美的“在线计算器”手把手教学——(基于Windows平台开发和部署,附完整代码和演示实例)
  • StretchDIBits函数
  • 人工智能--产生式表示法
  • VC-终止线程,ExitThread函数,TerminateThread函数,撤消线程,详解
  • eclipse-che01 安装eclipseche
  • 计算机网络自学指南,怒推荐一波,简直太全面了!
  • 小米更新显示非官方rom_魔趣ROM 安装刷入教程(小白新手)
  • 多路径软件常用操作(MPIO)
  • C语言学生成绩信息管理系统(超详细版)
  • OpenProcessToken
  • 前端框架Layui学习五:弹出层和数据表格
  • 原神童梦的切片解密攻略
  • VMware虚拟机安装Linux教程(超详细) | 阿里龙蜥OS (CentOS替代品)
  • 实战中绕过disable_functions执行命令
  • 有关软件开发中的项目管理:关键性问题解答(一)
  • CSDN 居然偷偷干了这件事,VIP会员真香,速度还不错
  • PHP基础编程
  • 猪猪猫Windows7 X86旗舰中文装机版V0911
  • JVM学习记录
  • 三款图形化的SQL查询分析器工具推荐
  • 深入理解LTE-A 学习笔记(1)
  • 安卓dialer Phone进程【Telephony框架、TeleService】启动过程