编程 Javascript

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程序设计有所帮助。

jquery trigger实现联动的方法

- Author -

yenange

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

推荐一些非常不错的javascript学习资源站点

Aug 29 Javascript

让IE8支持DOM 2（不用框架！）

Dec 31 Javascript

jQuery获取浏览器中的分辨率实现代码

Apr 23 Javascript

Node.js中的流（Stream）介绍

Mar 30 Javascript

介绍JavaScript的一个微型模版

Jun 24 Javascript

javascript实现判断鼠标的状态

Jul 10 Javascript

Javascript+CSS3实现进度条效果

Oct 28 Javascript

Javascript中call，apply，bind方法的详解与总结

Dec 12 Javascript

canvas实现爱心和彩虹雨效果

Mar 09 Javascript

浅谈angular表单提交中ng-submit的默认使用方法

Sep 30 Javascript

layui多iframe页面控制定时器运行的方法

Sep 05 Javascript

微信小程序中使用 async/await的方法实例分析

May 06 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