其他分享
首页 > 其他分享> > jQuery 市区下拉框

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