编程 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 相关文章推荐

JQury slideToggle闪烁问题及解决办法

Jul 05 Javascript

加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)

Jun 26 Javascript

jquery实现的用户注册表单提示操作效果代码分享

Aug 28 Javascript

JavaScript 判断一个对象{}是否为空对象的简单方法

Oct 09 Javascript

JS DOMReady事件的六种实现方法总结

Nov 23 Javascript

javascript 使用正则test( )第一次是 true,第二次是false

Feb 22 Javascript

VUE中v-on:click事件中获取当前dom元素的代码

Aug 22 Javascript

Vue使用Canvas绘制图片、矩形、线条、文字，下载图片

Apr 26 Javascript

Vue 中文本内容超出规定行数后展开收起的处理的实现方法

Apr 28 Javascript

layui--js控制switch的切换方法

Sep 03 Javascript

antd table按表格里的日期去排序操作

Nov 17 Javascript

Javascript 解构赋值详情

Nov 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