本次完成jQuery的市区下拉框的小案例.
下图便是我的style样式 与 HTML 的简要布局了:
上图的Box2 中的option 无内容是因为要在jQuery 动态的添加,
下图便是我的jQuery代码:
首先便是给 市 Box1绑定点击事件 而后便是使用val();
注释:val(); 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
而后添加用if判断索引值为几时再使用for来判断从而添加其对应数组索引;
从而实现市区的下拉框案例。
下图便是案例完成效果;
业余还请原谅