jquery trigger实现联动的方法

前端技术 2023/08/09 JavaScript

本文实例讲述了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拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/640

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案