jquery trigger實(shí)現(xiàn)聯(lián)動(dòng)的方法

字號(hào):


    本文實(shí)例講述了jquery trigger實(shí)現(xiàn)聯(lián)動(dòng)的方法。分享給大家供大家參考,具體如下:
    <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' >長(zhǎng)沙</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>
      ?。?BR>      <select id="Provinces" >
        <option value="1" >湖南</option>
        <option value="2" >湖北</option>
      </select><br />
      市:
      <select id="City">
        <option value="1" >長(zhǎng)沙</option>
        <option value="2" >衡陽</option>
      </select><br />
      <input type="button" value="設(shè)置成湖北襄陽" onclick="test()" />
    </body>
    </html>
    眾所周知, trigger 是異步的, 在其后面執(zhí)行的代碼可能會(huì)跑到它前面去執(zhí)行, 上面的代碼就避免了這一點(diǎn)。
    希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。