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之一(初识Javascript)
Jan 20 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
JS实现双击屏幕滚动效果代码
Oct 28 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
Vue实现下拉加载更多
May 09 Vue.js
js面向对象编程OOP及函数式编程FP区别
Jul 07 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
Bo-Blog专用的给Windows服务器的IIS Rewrite程序
2007/08/26 PHP
PHP源码之 ext/mysql扩展部分
2009/07/17 PHP
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
PHP生成随机密码类分享
2014/06/25 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
2016/10/24 Javascript
整理一下常见的IE错误
2016/11/18 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
vue使用iframe嵌入网页的示例代码
2020/06/09 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
2019/11/10 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
python执行等待程序直到第二天零点的方法
2015/04/23 Python
python3编码问题汇总
2016/09/06 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
详解Python中第三方库Faker
2020/09/25 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
应届生文秘专业个人自荐信格式
2013/09/21 职场文书
内科护士实习自我鉴定
2013/10/17 职场文书
药学专业大学生个人的自我评价
2013/11/04 职场文书
口腔医学技术应届生求职信
2013/11/09 职场文书
个人求职信范文分享
2014/01/06 职场文书
家长对老师的感言
2014/03/11 职场文书
物流专业自荐信
2014/05/23 职场文书
小学班主任教育随笔
2015/08/15 职场文书