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格式化数字的函数代码
Nov 30 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
Jan 23 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
node跨域请求方法小结
Aug 25 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 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
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
vue构建动态表单的方法示例
2018/09/22 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Python实现从URL地址提取文件名的方法
2015/05/15 Python
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python中super函数的用法
2017/11/17 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python 整数越界问题详解
2019/06/27 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
经典团队口号大全
2014/06/21 职场文书
个人四风问题对照检查材料思想汇报
2014/10/06 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
党支部书记岗位职责
2015/02/15 职场文书
MySQL通过binlog恢复数据
2021/05/27 MySQL
Win11快速关闭所有广告推荐
2022/04/19 数码科技