jQuery省份下拉框

当选择到相对应的省份的时候，另一个框中的省份城市也会刷新为该省地级市。

想做出省份下拉框的刷新效果，就让我来为大家解析一下。

首先

写出html内部结构样式

设置好value值以方便jQuery获取对第二个下拉框判断插入内容

jQuery部分

首先通过jQuery$符号获取到第一个下拉框的Id并且绑定点击事件。

在点击事件里边：

声明变量赋值给s赋值第一个下拉框的文本值

再创建一个数组

接下来就开始就用被赋值的S做一个判断的操作，

再判断为true的时候首先会清空第二个下拉框中上一个判断所添加的子节点，再接入新的内容，这样就不会重复添加了。

里边执行一个for循环操作，循环遍历被声明的数组q，再利用for循环的索引值执行一个字符串的对应内容拼接。

最后再用append方法插入第二个下拉框中。

jQuery省份下拉框相关推荐

级联查询ajax,Jquery+Ajax下拉框级联查询
Jquery代码 $(function(){ //提交事件 $("#ImageButton1").click(function(){ //省Id var provinceId=$( ...
jquery对下拉框的操作
<script type="text/javascript"></script> jQuery对下拉框的操作 /获取第一个option的值 $('#test ...
php下拉列表框是隐藏变色的代码,jQuery设置下拉框显示与隐藏效果的方法分析...
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() ...
php 下拉树多项选择框,jQuery树形下拉框插件multipleTree升级
插件描述:tree是基于jqueryztree开发的树形下拉选择框插件,支持ie8+谷歌,火狐,360等浏览器(multipleTree升级版) 更新时间:2020-09-26 00:48:20 更新 ...
JQuery操作下拉框
要实现这种效果: HTML: <script src="js/jquery-1.7.2.min.js"></script> <table>< ...
jQuery模拟下拉框单选框复选Select，Checkbox，Radio
在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们: 如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&q ...
jquery级联下拉框
$(document).ready(function(){//找到三个下拉框var carnameSelect = $(".carname").children("sel ...
jquery操作下拉框(select)的一些说明
公司网站目前的访问用户中使用IE6.0的站50%以上,所以必需兼容IE6.0,使用jquery在IE6.0中设置下拉框时会有以下一些问题 //==========测试代码=============== ...
jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...

jQuery省份下拉框

首先

jQuery部分

jQuery省份下拉框相关推荐

最新文章

热门文章