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 相关文章推荐
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
JS实现日期加减的方法
Nov 29 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
js中Map和Set的用法及区别实例详解
Feb 15 Javascript
基于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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
php计算函数执行时间的方法
2015/03/20 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
Google官方支持的NodeJS访问API,提供后台登录授权
2014/07/29 NodeJs
告诉你什么是javascript的回调函数
2014/09/04 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
深入浅析Python的类
2018/06/22 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
python3实现zabbix告警推送钉钉的示例
2019/02/20 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
tensorflow 只恢复部分模型参数的实例
2020/01/06 Python
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
毕业生的自我评价分享
2013/12/18 职场文书
小学数学国培感言
2014/03/10 职场文书
公司应聘自荐书
2014/06/14 职场文书
三八活动策划方案
2014/08/17 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
导游欢送词
2015/01/31 职场文书
避暑山庄导游词
2015/02/04 职场文书
国家助学金受助感言
2015/08/01 职场文书
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android