jQuery 市区下拉框

本次完成jQuery的市区下拉框的小案例. 

首先我们得做出整体的一个布局 下图便是我的一个简易布局了：

下图便是我的style样式 与 HTML 的简要布局了：

上图的box2 中的option 无内容是因为要在jQuery 动态的添加，

所有给上id 便可 让其在box2中添加内用 。

下图便是我的jQuery代码：

首先便是给 市 box1绑定点击事件 而后便是使用val（）；

注释：val(); 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

而后添加用if判断索引值为几时再使用for来判断从而添加其对应数组索引；

后使用append添加其内容；

注释：append（）方法在被选元素的结尾插入内容。

从而实现市区的下拉框案例。

 

下图便是案例完成效果；

业余还请原谅