二级联动及左右select选择

如何实现二级联动

何为二级联动

二级联动在网页中是很常见的！而何为二级联动呢？
有两个下拉框，下拉框中分别是城市以及地区，当你选择第一个下拉框中城市的时候，第二个下拉框的会显示所属城市的地区！这就是所谓的二级联动！具体咱来举个例子！

例子

首先我们先来简单的写两个下拉框并分别给个id，如下：

	
		请选择
		湖北
		江苏
		江西
	
	
		请选择
	

那么如何用js（JavaScript）实现二级联动呢？其实很简单的，那么我们就来简单分析一下，选择下拉框1让下拉框2有所实现，那么肯定是有一个点击事件，而函数中写的就是我们实现的功能，这里可以用switch语句实现哦！如下：

这样一个简单的二级联动就完成了，当然有很多做法，本文中的不是最佳哦！嘿嘿！

左右select选择

对于我这种语文不好的人来说叙述真的是一件难事，那让我们直接“上菜”。

我们如何用jQuery实现这个呢？咳咳，下面由本文小白作者来给你们简单的实现一下！话不多说。直接开干！
首先我们来弄（neng：四声哦！）出来这几个按钮和左右框框！
因为内容不是很多，css我就采用“内嵌式”直接写喽。

	//我们给按钮和框框都加一个id方便使用（选择）
			//布局我采用了表格，很多方法，可以自己选择哦！
		

			

				
					a		
					b
					c
					d
					f
				
			
			

				 

				 

				 

			
				 

				 

				 

			
			

				
				
			
		
	

只是简单的界面实现我就没有写注释了！嘿嘿！
布局之类的东西搞完了接下里就是功能的实现，还是那句话，这里你也有很多实现方法，js啊，jQuery啊，，，，，仅当参考，不是最佳！

//引入jQuery

	

这样一个用jQuery简单实现左右select选择就完成啦！
好啦！本文就到这里啦，记录学习的每个过程，方便正在学习的他人，希望对您有所帮助。