js小白普及(二) 对下拉框的操作

来源:互联网 发布:化工公司工艺软件 编辑:程序博客网 时间:2024/06/05 21:51

问题背景:所做的项目中遇到了下拉框,于是学习了js对下拉框的操作


1.往下拉表中添加值
这个很简单,先根据id(html中id是唯一的)找到你要操作的select(下拉框),然后新建option,再用options.add()方法将新的option加入select即可。
参考链接:https://zhidao.baidu.com/question/52962107.html

2.获取下拉表中选中项的value/text
jQuery里面有封装好了的方法。。。直接使用就行
参考链接:
https://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html
BTW,上面的1号需求也可用jQuery实现,简单方便(我好像开始明白了为什么说jQuery是个库了)

3.最好监听到下拉框中值有变化了,再去读它。监听可以通过jquery的 .change方法实现


常规小尾巴:
新手程序媛一枚,研究生在读,主要学习CV和前端,偶尔也写些杂七杂八的。欢迎各位前辈多多指教、多多交流(o^∇^o)ノ

原创粉丝点击