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函数把URL参数解析成Json对象
Sep 24 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
利用Javascript开发一个二维周视图日历
Dec 14 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 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
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
laydate.js日期时间选择插件
2017/01/04 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
JavaScript生成一个不重复的ID的方法示例
2019/09/16 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
python 根据pid杀死相应进程的方法
2017/01/16 Python
python版简单工厂模式
2017/10/16 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
Python八皇后问题解答过程详解
2019/07/29 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
好军嫂事迹材料
2014/01/15 职场文书
军训考核自我鉴定
2014/02/13 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
平安校园建设方案
2014/05/02 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
借款民事起诉状范文
2015/05/19 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python