首頁 > web前端 > js教程 > jquery trigger實作連動的方法_jquery

jquery trigger實作連動的方法_jquery

WBOY
發布: 2016-05-16 15:13:09
原創
1295 人瀏覽過

本文實例講述了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選擇器用法摘要》及《jQueryery與常用外掛程式使用總結

希望本文所述對大家jQuery程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板