jQuery加載：爲多種目的加載單個文件？

它看起來是這樣的：

<select id="select1"> </select> 
<select id="select2"> </select> 
<select id="select3"> </select> 
<select id="select4"> </select> 
<select id="select5"> </select>

像這樣的JavaScript：

$(document).ready(function(){ 

    $("#select1").load("select1.html", 
      function (responseText, textStatus, XMLHttpRequest) { 
       if (textStatus == "success") { 
        alert("success"); 
       }  
    }); 


$("#select2").load("select2.html", 
       function (responseText, textStatus, XMLHttpRequest) { 
        if (textStatus == "success") { 
         alert("success"); 
        }  
     }); 
    // and goes on for every select

編輯：

現在，每個選擇都有不同的價值觀。 Select1爲國家，Select2爲顏色，Select3爲貨幣等。如何將所有選項合併爲1個HTML/XML並加載，以便從每個文件中選擇其選項。

問題2：將每個選擇選項加載到自己的文件或將所有內容組合在一起會更好嗎？

請注意，現在內容已加載到DOM就緒;用於測試目的。在功能中，我將分別調用每個選擇內容。我加載選項的原因是每個選擇都有大約30個選項，並且我希望減少整個網站的加載時間，因爲它有一個帶有多個選擇選項的1頁儀表板Web應用程序。

來源

2011-10-01 jQuerybeast

你有一個很好的理由把每選擇一個不同的文件？我看不出爲什麼你會想要那樣。 –

@Interstellar_Coder每個選擇都有不同的選項。一個是少數國家，另一個是顏色等等。 – jQuerybeast

@Interstellar_Coder，我不想那樣。我希望所有選擇在同一個文件中，這是我的問題先生。我怎樣才能做到這一點？ – jQuerybeast

您可以從單個頁面加載片段。

做這樣的

$("#select1").load("select.html #select1_content", //continue

這樣，要裝載到#select1_content的#select1內容從單一select.html頁面。

見加載頁面片段這裏：http://api.jquery.com/load/

來源

2011-10-01 04:20:46

jQuery加載：爲多種目的加載單個文件？

回答

相關問題