jquery trigger实现联动的方法


Posted in Javascript onFebruary 29, 2016

本文实例讲述了jquery trigger实现联动的方法。分享给大家供大家参考,具体如下:

<html>
<head>
<title>testing</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
  $("#Provinces").change(function (e,cityValue) {
    if ($(this).val() == "1") {
      $("#City").html("<option value='1' >长沙</option><option value='2' >衡阳</option>");
    } else {
      $("#City").html("<option value='1' >武汉</option><option value='2' >襄阳</option>");
    }
    if (typeof (cityValue) != "undefined") {
      $("#City").val(cityValue);
    }
  });
});
function test() {
  $("#Provinces").val("2");
  $("#Provinces").trigger("change","2");
}
</script>
</head>
<body>
  省:
  <select id="Provinces" >
    <option value="1" >湖南</option>
    <option value="2" >湖北</option>
  </select><br />
  市:
  <select id="City">
    <option value="1" >长沙</option>
    <option value="2" >衡阳</option>
  </select><br />
  <input type="button" value="设置成湖北襄阳" onclick="test()" />
</body>
</html>

众所周知, trigger 是异步的, 在其后面执行的代码可能会跑到它前面去执行, 上面的代码就避免了这一点。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于JQuery的密码强度验证代码
Mar 01 Javascript
javascript 验证日期的函数
Mar 18 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
Jquery的基本对象转换和文档加载用法实例
Feb 25 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
JavaScript实现经纬度转换成地址功能
Mar 28 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
Aug 06 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
vue3.0实现插件封装
Dec 14 Vue.js
基于Javascript实现返回顶部按钮
Feb 29 #Javascript
JavaScript实现斗地主游戏的思路
Feb 29 #Javascript
jQuery取消特定的click事件
Feb 29 #Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 #Javascript
JS三级可折叠菜单实现方法
Feb 29 #Javascript
精通JavaScript的this关键字
May 28 #Javascript
javascript正则表达式总结
Feb 29 #Javascript
You might like
PHP生成带有雪花背景的验证码
2006/10/09 PHP
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
javascript 节点遍历函数
2010/03/28 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
JS代码实现table数据分页效果
2016/05/26 Javascript
Vue中props的详解
2019/05/16 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
python 循环while和for in简单实例
2016/08/16 Python
Python随机数random模块使用指南
2016/09/09 Python
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
培训主管岗位职责
2014/02/01 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
工商管理专业自荐信
2014/06/03 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
关于长城的导游词
2015/01/30 职场文书
建议书格式
2015/02/04 职场文书
出生证明格式
2015/06/15 职场文书
演讲比赛主持词
2015/06/29 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS