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}个鸡蛋!
)
JS检索下拉列表框中被选项目的索引号(selectedIndex)相关推荐
- JavaScript中获取数组元素索引号方法
获取数组元素索引号方法 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
- 删掉SQL Server登录时登录名下拉列表框中的选项
问题: 我以前创建了一个登录名如kpi,之后在"安全性-登录名" 里删掉了,但是每次登录时,登录名的下拉框中总是能显示登录名kpi,怎么把它删掉呢? 解决方案: 1).SQL Se ...
- js 获取字符串中第二处出现的某个字符的索引
使用 string.indexOf( searchValue, start ) 函数,两个参数的含义: searchValue 需查询的字符串值 start 可 ...
- LinuxC下获取UDP包中的路由目的IP地址和头标识目的地址
在接受到UDP包后,有时候我们需要根据所接收到得UDP包,获取它的路由目的IP地址和头标识目的地址. (一)主要的步骤: 在setsockopt中设置IP_PKTINFO,然后通过recvmsg来获取 ...
- 使用TensorFlow.js在浏览器中进行深度学习入门
目录 设置TensorFlow.js 创建训练数据 检查点 定义神经网络模型 训练AI 测试结果 终点线 内存使用注意事项 下一步是什么?狗和披萨? 下载TensorFlowJS示例-6.1 MB T ...
- SQL Server中的列存储索引
先决条件 (Prerequisite ) 通过理论和实践措施可以更好地解释与SQL Server 2012列存储索引有关的讨论. 因此,对于实际测量部分–我将使用AdventureWorksDW201 ...
- Ext JS 6.7 中文文档:应用架构介绍(MVC/MVVM)
最近为了做内网的后台学了下 Ext JS,觉得挺有意思的,顺手翻译一下文档,主要是架构部分和核心概念部分. 这个文档是我目前看到的最好的关于 MVC.MVVM 的解释与探讨,十分值得参考. 本篇目录 ...
- reveal.js + markdown 制作幻灯片——配置选项,幻灯片背景,尺寸,插入媒体,链接
reveal.js + markdown 制作幻灯片--配置选项,幻灯片背景,尺寸,插入媒体,链接 配置选项 配置选项在index.html文件的<body>中,通过Reveal.init ...
- Oracle数据库中的序列、索引和同义词,详细笔记。
文章目录 数据库中的序列.索引和同义词 1. 序列 1.1 什么是序列 1.2 创建序列 1.2.1 通过DDL语句创建序列 1.2.2 使用工具创建序列 1.3 使用序列 1.3.1 查询序列 1. ...
最新文章
- WCF的三个名称/命名空间,你是否傻傻分不清楚?
- c#值类型和引用类型
- Java编程 的动态性,第 2部分: 引入反射--转载
- python主流编程语言_对5种主流编程语言的吐槽!
- PMP敏捷图表之价值流程图
- Codeup墓地-问题 D: 继续畅通工程
- Java的静态域以及封装性相关
- python枚举是什么意思,什么是枚举python
- 目标检测之空间变形网络(STN)
- qlabel显示图片同时鼠标点击画线_怎样将CAJ文档转成JPG图片?
- discuz 登录代码
- 数据分析案例——销售利润不达标原因分析及应对策略
- 计算机操作系统-4-设备管理
- logback MDC线上问题快速定位神器
- maskrcnn-benchmark安装过程
- 构建优秀产品信息架构的三要素
- Python中集合的常用操作
- XXE漏洞详解(三)——XXE漏洞实际运用
- 计算机无法自动排列,win10系统文件夹不自动排列的解决方法
- 简单聊一下Android音频通路的切换
热门文章
- 黄自元 间架结构92法
- angular启动项目报错:ERROR in The target entry-point “primeng/editor“ has missing dependencies:
- 2019年的个人总结和2020年的一些展望
- 心田花开:三年级语文期末复习资料
- C#之富文本框控件出现“文件格式无效”的问题
- 笑中带泪的码农往事:入职三天被开,公司给100块叫我走人,有我惨?
- TIMQQ群发器v1.3.4源码
- Linux 部署CA数字证书服务
- 配置ca服务器和http,mail加密
- java爬取捧腹网段子(多线程版)