网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 jquery trigger实现联动的方法
内容
    本文实例讲述了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程序设计有所帮助。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/22 8:18:09