在写前端界面的时候,对于select标签的操作是比较细致的,本文主要总结一下个人在开发前端界面时,采用的几种处理方法。
前端插件:
bootstrap,juery
引入:(在引入bootstrap的Js插件前,先引入jquey,因为bootstrap的封装依赖于jquery)
附:bootstrap使用网址:http://www.bootcss.com/
需求1:点击下拉框时,出现option选项。
<html>
需求二:select的层级联动
效果如下:
实现方式:
插件:cxselect插件(基于juqery封装)
引入:
将省市区的键值对存储在JSON格式中
html代码:
juqey部分:(urlChina后为json格式的存储地址)
需求三:更改操作select时,下面选中的option仍然保留
见下图:
html代码:
JS部分代码:(每一次select操作改变时,option自动从后端获取数值(getSelectValue()函数),但无法改变选定的option)
解决后效果:
解决思想:当改变select时,将option选中的部分设置为空。
代码:
以上是关于select部分的用法总结。