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中的对象创建 实例附注释
Feb 08 Javascript
用JS做的简单的可折叠的两级树形菜单
Sep 21 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 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 FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
JS实现全屏的四种写法
2016/12/30 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
python文件和目录操作函数小结
2014/07/11 Python
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
Python操作json的方法实例分析
2018/12/06 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
Python实现仿射密码的思路详解
2020/04/23 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
adidas美国官网:adidas US
2016/09/21 全球购物
俄罗斯品牌服装在线商店:VIPAVENUE
2020/08/10 全球购物
计算机专业学生的自我评价
2013/12/15 职场文书
八年级生物教学反思
2014/01/22 职场文书
大学校务公开实施方案
2014/03/31 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
个人工作总结范文2014
2014/11/07 职场文书
小学生优秀评语
2014/12/29 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
《观潮》教学反思
2016/02/17 职场文书
Rust 连接 PostgreSQL 数据库的详细过程
2022/01/22 PostgreSQL