JQuery】 如何实现jQuery实现下拉框二级联动

2020-12-09 19:48发布

7条回答
爱煲汤的小王
2020-12-12 11:31

jQuery其实就是对js的封装,有两种办法解决你的问题:

1、给城市下拉框添加onchange事件,当城市下拉框发生改变,获取改变后的城市id,然后发送请求到后台去查询多对应的分支公司,并替换页面分支公司下拉框的数据,第一次加载页面时默认分支公司下拉框默认对应城市下拉框第一个城市下的分支公司,优点时技术处理起来难度较小,缺点是如果网络不好或者服务器卡的话,效果不理想,会反应迟钝

2、一次性将城市数据和分支公司数据查询出来,各城市对应的分支公司作为一个集合处理成对应城市的一个属性,然后在前端把数据缓存起来,每次城市下拉框发生改变时,去你存储的数据中获取对应的分支公司数据并写入页面分支公司下拉框,优点是效率快,效果会好一些,缺点是技术难度稍高,而且后台分支公司数据如果发生变化,页面又没有刷新,便会不能及时获取最新数据。


一周热门 更多>