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 18 Javascript
javascript的回调函数应用示例
Feb 20 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
javascript实现随机生成DIV背景色
Jun 20 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
javascript中关于类型判断的一些疑惑小结
Oct 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
使用php+xslt在windows平台上
2006/10/09 PHP
PHP常用函数小技巧
2008/09/11 PHP
php面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
python开发之thread线程基础实例入门
2015/11/11 Python
详解Python爬虫的基本写法
2016/01/08 Python
python验证码识别的示例代码
2017/09/21 Python
django ajax发送post请求的两种方法
2020/01/05 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
python dict乱码如何解决
2020/06/07 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
python 如何上传包到pypi
2020/12/24 Python
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
学雷锋标语
2014/06/25 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
导游词之河北白洋淀
2020/01/15 职场文书