jquery或者JS二级联动的实现思想是什么?

我现在要做一个二级联动,比如是城市和县级的,我要实现各城市为第一大类,以下的各县从属于它,当我选择的时候既可以选择第一大类城市,也可以单独选择下面的小类,类似中华英才网上... 我现在要做一个二级联动,比如是城市和县级的,我要实现各城市为第一大类,以下的各县从属于它,当我选择的时候既可以选择第一大类城市,也可以单独选择下面的小类,类似中华英才网上的职业类别选择,它那个既可以选择整个大类作为结果,也可以选择单独的小类,这样的效果如何实现!!! 展开
 我来答
javaallstar
推荐于2016-08-03 · TA获得超过533个赞
知道小有建树答主
回答量:154
采纳率:100%
帮助的人:189万
展开全部

你可以分这几部来实现。

  1. 准备好你的数据结构,把数据组织成一棵树。对于你的问题来说,树的第一层就是一组城市,第二层就是县,每个县的父节点就是它所在的市。

  2. 把城市做成一个下拉框,就是select标签,里面的option都是你的城市。

  3. 准备第二个下拉框,select标签,option先别填。

  4. 当用户选择了一个城市的时候,用JavaScript动态的往第二个Select标签填option,option的选项就是数据结构中这个城市的所有子节点。

  5. 可能县一级可能呢是一组checkbox,也没关系,就用JS生成一组checkbox即可。

  6. 自此二级联动的界面就做好了,下面就是如何实现选择一个城市的时候,或者一些县的时候,选择结果如何导出。

  7. 如果用户选择的是一个县,或是几个县,直接读取界面的结果就好了。如果用户单单只选择了城市,而没有选择县,那么就认为这个市下面的县都被选择了。

  8. 这个功能的核心思想是要先把你的数据组成一棵树,有这个思想的话,实现起来就会简单的多了。

匿名用户
2013-10-27
展开全部
当你选在一级城市的时候,在一级城市的onchange事件中去写获取二级城市的数据(需要把一级城市的ID传过去就可以了)并且绑定到该控件。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-10-27
展开全部
这里有一个多级联动下拉菜单你可以参考一下 参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?5=n&id=11931
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式