如何实现下拉列表里的值同数据库里的值联动?

如何实现下拉列表里的值同数据库里的值联动?,第1张

不用ajax,只能这么做,做三个组select option 的 value 均为 id值,innerHTML也就是<option></option>间的东西分别为id,姓名,地址。

然后在innerHTML为id的select中加入onchange事件。onchange时获得innerHTML为id的select的值,然后吧其他两个select的值变为前面获得到得值。就OK了。这个前提是id是唯一的,不然会出错。

这个需要用到Ajax和jquery,因为用jquery比较简单,用原生的js代码,比较麻烦,说一下我的思路

比如 国-省-市-县

首先显示一个国家的下拉列表框,其他的不显示,然后当这个下拉列表框的值改变之后,也就是用户选择了其中一个国家,然后触发一个ajax,把代表这个国家的的id通过ajax传到后台,通过这个id在后台查询到所有的省份,然后传到前台,前台通过遍历所有的省份,组装一个html字符串,然后将这个字符串动态插入到代表国家的下拉列表框后面,生成 省 的下拉列表框,同理,当用户改变了省下拉框的值的时候再次触发另一个ajax,如此即可,

还有一点需要注意,如果4级联动已经出来过了,但是用户忽然又改变了国家或省份,首先要把后面的所有下拉列表框全部删除掉,然后在生成下级列表

触发,把菜单与表名关联,获取你想要的,比如,鼠标移到a菜单,触发查询a表,显示a表,逐条获取里的字段,然后,将些字段赋给变量,用这个变量去制作你想的php语句,依据你想要的去用,可以把这变量用与二次查询,或是增加相关链接,都可以办到.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10870925.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存