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 相关文章推荐
javascript标签在页面中的位置探讨
Apr 11 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
JavaScript之AOP编程实例
Jul 17 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
Vue.js学习之计算属性
Jan 22 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
Feb 08 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 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生成带有雪花背景的验证码
2008/09/28 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
yii2简单使用less代替css示例
2017/03/10 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
2012/08/10 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
javaScript中封装的各种写法示例(推荐)
2017/07/03 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
python中函数默认值使用注意点详解
2016/06/01 Python
Python多线程实现同步的四种方式
2017/05/02 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
助残日活动总结
2014/08/27 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL