在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ jquery中如何讓下拉列表綁定div，切換下拉選項通過ajax改變div內容？

jquery中如何讓下拉列表綁定div，切換下拉選項通過ajax改變div內容？

我想實現這種效果，讓下拉列表綁定div，切換下拉列表改變div內容，
假設有3個下拉選項，
選第1個，通過ajax加載1.html的內容；
選第2個，通過ajax加載2.html的內容；
選第3個，通過ajax加載3.html的內容；
用jquery中如何實現它？我不懂js所以寫不出來。
給一段簡單的示例代碼吧，謝謝！
圖片描述

回答
編輯回答
柒喵
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
 <div class="row">
     請選擇：
  <select class="myselect">
      <option value="1">1.html</option>
      <option value="2">2.html</option>
      <option value="3">3.html</option>
  </select>     
</div>   
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script>

var ajaxdata=[];

$(".myselect").change(function(){
    var num=$(".myselect").val();
    if(ajaxdata[num]){return;}

    var url=num+".html";//這個url要確定能正常訪問
    $.post(url,function(d){
        console.log(d)
        ajaxdata[num]=d;
        doSomething(d);
    })
})

function deSomething(d){
    ////在這里操作ajax返回的數據
}

</script>
2017年1月25日 19:11