博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于JS获取select值的两种实现方法
阅读量:6716 次
发布时间:2019-06-25

本文共 707 字,大约阅读时间需要 2 分钟。

前几天发了一篇关于javascript获取select值的方法,后来发现有另一种实现方法,所以就都发出来比较一下:

方法一:通过获取option标签的value值来确定:

    
select

这个方法需要为每个option标签定义一个value,而且value的值应为“0 1 2…”这样排序。

方法二:用javascript原装的selectIndex属性实现:

    
select

这种方法就相对比较简单,也不需要设置value值了。

然后再说下如何实现自定义select样式,实现这个样式我认为需要实现4点功能:

1.select的效果,就是点击右边按钮打开下拉框,点击下拉框内容或右边按钮或页面其他位置会收回下拉框;

2.模拟select里的select属性不要用到value值的,这里可以考虑用 li 标签的index属性来代替;

3.模拟select选中某项时会记录该项value值,可以结合第二点把value值放在变量里;

4.模拟form表单里提交时会把select当前选中的option标签的value值传送给后台,还有复位的功能。

转载地址:http://cgkmo.baihongyu.com/

你可能感兴趣的文章
【Maven】3.使用IntelliJ IDEA 使用本地搭建的maven私服,而不是使用默认的maven设置...
查看>>
Navi.Soft31.WinForm框架(含下载地址)
查看>>
Charles配置抓包HTTP,HTTPS
查看>>
[Everyday Mathematics]20150109
查看>>
RSA(非对称加密算法、公钥加密算法)
查看>>
一个执行计划异常变更的案例 - 外传之SQL AWR
查看>>
获取 metadata 过程详解 - 每天5分钟玩转 OpenStack(167)
查看>>
WinCE及Windows软件开发相关书籍转让
查看>>
python接口自动化10-token登录
查看>>
MYSQL中约束及修改数据表
查看>>
EntityFramework Core Raw Query再叙注意事项后续
查看>>
初识gd库
查看>>
shell下office、html、pdf文档互转方法
查看>>
Shell编程基础篇-下
查看>>
OpenShift中的持续交付
查看>>
以操作系统的角度述说线程与进程
查看>>
STL - 容器 - Map(一)
查看>>
python 回溯法 子集树模板 系列 —— 5、取物搭配问题
查看>>
1 张图秒懂 Nova 16 种操作 - 每天5分钟玩转 OpenStack(44)
查看>>
多表外连接的使用
查看>>