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 UI的拖拽功能实现方法小结
Mar 14 Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
Dec 04 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
koa+mongoose实现简单增删改查接口的示例代码
May 13 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 Javascript
微信小程序中target和currentTarget的区别小结
Nov 06 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
php格式化json函数示例代码
2016/05/12 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
jquery获取节点名称
2015/04/26 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
AngularJS表单验证功能
2017/10/19 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
python通过ElementTree操作XML获取结点读取属性美化XML
2013/12/02 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
python fabric使用笔记
2015/05/09 Python
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
Python实现文件复制删除
2016/04/19 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
Python devel安装失败问题解决方案
2020/06/09 Python
韩国CJ食品专卖网:CJonmart
2016/09/11 全球购物
工作的心得体会
2013/12/31 职场文书
元旦寄语大全
2014/04/10 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
《赵州桥》教学反思
2016/02/17 职场文书