微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery 市区下拉框

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

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

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

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

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

下图便是我的jQuery代码

首先便是给 市 Box1绑定点击事件 而后便是使用val();

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

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

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

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

后使用append添加内容

注释:append()方法在被选元素的结尾插入内容

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

 

下图便是案例完成效果

业余还请原谅

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐