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}个鸡蛋!)

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

  1. JavaScript中获取数组元素索引号方法

    获取数组元素索引号方法 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...

  2. 删掉SQL Server登录时登录名下拉列表框中的选项

    问题: 我以前创建了一个登录名如kpi,之后在"安全性-登录名" 里删掉了,但是每次登录时,登录名的下拉框中总是能显示登录名kpi,怎么把它删掉呢? 解决方案: 1).SQL Se ...

  3. js 获取字符串中第二处出现的某个字符的索引

    使用 string.indexOf( searchValue, start ) 函数,两个参数的含义: searchValue     需查询的字符串值 start                 可 ...

  4. LinuxC下获取UDP包中的路由目的IP地址和头标识目的地址

    在接受到UDP包后,有时候我们需要根据所接收到得UDP包,获取它的路由目的IP地址和头标识目的地址. (一)主要的步骤: 在setsockopt中设置IP_PKTINFO,然后通过recvmsg来获取 ...

  5. 使用TensorFlow.js在浏览器中进行深度学习入门

    目录 设置TensorFlow.js 创建训练数据 检查点 定义神经网络模型 训练AI 测试结果 终点线 内存使用注意事项 下一步是什么?狗和披萨? 下载TensorFlowJS示例-6.1 MB T ...

  6. SQL Server中的列存储索引

    先决条件 (Prerequisite ) 通过理论和实践措施可以更好地解释与SQL Server 2012列存储索引有关的讨论. 因此,对于实际测量部分–我将使用AdventureWorksDW201 ...

  7. Ext JS 6.7 中文文档:应用架构介绍(MVC/MVVM)

    最近为了做内网的后台学了下 Ext JS,觉得挺有意思的,顺手翻译一下文档,主要是架构部分和核心概念部分. 这个文档是我目前看到的最好的关于 MVC.MVVM 的解释与探讨,十分值得参考. 本篇目录 ...

  8. reveal.js + markdown 制作幻灯片——配置选项,幻灯片背景,尺寸,插入媒体,链接

    reveal.js + markdown 制作幻灯片--配置选项,幻灯片背景,尺寸,插入媒体,链接 配置选项 配置选项在index.html文件的<body>中,通过Reveal.init ...

  9. Oracle数据库中的序列、索引和同义词,详细笔记。

    文章目录 数据库中的序列.索引和同义词 1. 序列 1.1 什么是序列 1.2 创建序列 1.2.1 通过DDL语句创建序列 1.2.2 使用工具创建序列 1.3 使用序列 1.3.1 查询序列 1. ...

最新文章

  1. WCF的三个名称/命名空间,你是否傻傻分不清楚?
  2. c#值类型和引用类型
  3. Java编程 的动态性,第 2部分: 引入反射--转载
  4. python主流编程语言_对5种主流编程语言的吐槽!
  5. PMP敏捷图表之价值流程图
  6. Codeup墓地-问题 D: 继续畅通工程
  7. Java的静态域以及封装性相关
  8. python枚举是什么意思,什么是枚举python
  9. 目标检测之空间变形网络(STN)
  10. qlabel显示图片同时鼠标点击画线_怎样将CAJ文档转成JPG图片?
  11. discuz 登录代码
  12. 数据分析案例——销售利润不达标原因分析及应对策略
  13. 计算机操作系统-4-设备管理
  14. logback MDC线上问题快速定位神器
  15. maskrcnn-benchmark安装过程
  16. 构建优秀产品信息架构的三要素
  17. Python中集合的常用操作
  18. XXE漏洞详解(三)——XXE漏洞实际运用
  19. 计算机无法自动排列,win10系统文件夹不自动排列的解决方法
  20. 简单聊一下Android音频通路的切换

热门文章

  1. 黄自元 间架结构92法
  2. angular启动项目报错:ERROR in The target entry-point “primeng/editor“ has missing dependencies:
  3. 2019年的个人总结和2020年的一些展望
  4. 心田花开:三年级语文期末复习资料
  5. C#之富文本框控件出现“文件格式无效”的问题
  6. 笑中带泪的码农往事:入职三天被开,公司给100块叫我走人,有我惨?
  7. TIMQQ群发器v1.3.4源码
  8. Linux 部署CA数字证书服务
  9. 配置ca服务器和http,mail加密
  10. java爬取捧腹网段子(多线程版)