根据数据库表格当中的数据怎么设置四级联动 js 10
展开全部
这个需要用到Ajax和jquery,因为用jquery比较简单,用原生的js代码,比较麻烦,说一下我的思路
比如 国-省-市-县
首先显示一个国家的下拉列表框,其他的不显示,然后当这个下拉列表框的值改变之后,也就是用户选择了其中一个国家,然后触发一个ajax,把代表这个国家的的id通过ajax传到后台,通过这个id在后台查询到所有的省份,然后传到前台,前台通过遍历所有的省份,组装一个html字符串,然后将这个字符串动态插入到代表国家的下拉列表框后面,生成 省 的下拉列表框,同理,当用户改变了省下拉框的值的时候再次触发另一个ajax,如此即可,
还有一点需要注意,如果4级联动已经出来过了,但是用户忽然又改变了国家或省份,首先要把后面的所有下拉列表框全部删除掉,然后在生成下级列表
比如 国-省-市-县
首先显示一个国家的下拉列表框,其他的不显示,然后当这个下拉列表框的值改变之后,也就是用户选择了其中一个国家,然后触发一个ajax,把代表这个国家的的id通过ajax传到后台,通过这个id在后台查询到所有的省份,然后传到前台,前台通过遍历所有的省份,组装一个html字符串,然后将这个字符串动态插入到代表国家的下拉列表框后面,生成 省 的下拉列表框,同理,当用户改变了省下拉框的值的时候再次触发另一个ajax,如此即可,
还有一点需要注意,如果4级联动已经出来过了,但是用户忽然又改变了国家或省份,首先要把后面的所有下拉列表框全部删除掉,然后在生成下级列表
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询