jQuery 市区下拉框
作者:互联网
本次完成jQuery的市区下拉框的小案例.
首先我们得做出整体的一个布局 下图便是我的一个简易布局了:
下图便是我的style样式 与 HTML 的简要布局了:
上图的box2 中的option 无内容是因为要在jQuery 动态的添加,
所有给上id 便可 让其在box2中添加内用 。
下图便是我的jQuery代码:
首先便是给 市 box1绑定点击事件 而后便是使用val();
注释:val(); 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
而后添加用if判断索引值为几时再使用for来判断从而添加其对应数组索引;
后使用append添加其内容;
注释:append()方法在被选元素的结尾插入内容。
从而实现市区的下拉框案例。
下图便是案例完成效果;
业余还请原谅
标签:jQuery,元素,下图,便是,添加,下拉框,市区 来源: https://blog.csdn.net/weak1003/article/details/116900906