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 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
JavaScript将Table导出到Excel实现思路及代码
Mar 13 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
Jun 15 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
关闭Vue计算属性自带的缓存功能方法
Mar 02 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
Vue混入mixins滚动触底的方法
Nov 22 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
数据库相关问题
2006/10/09 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
php动态生成函数示例
2014/03/21 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
JavaScript中的编码和解码函数
2017/02/15 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
python线程、进程和协程详解
2016/07/19 Python
python 获取文件下所有文件或目录os.walk()的实例
2018/04/23 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
python发送多人邮件没有展示收件人问题的解决方法
2019/06/21 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
html5拍照功能实现代码(htm5上传文件)
2013/12/11 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
结婚邀请函范文
2014/01/14 职场文书
《苏珊的帽子》教学反思
2014/04/07 职场文书
教师求职信范文
2014/05/24 职场文书
大学生团日活动总结
2015/05/06 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL