將數據加載到多個文本文件的下拉菜單

Question

我有一些文本文件，如s1.text,s2.text,s3.text。它們包括以下信息。

s1.text：

<option value='val11'>text11</option> 
<option value='val12'>text12</option> 

s2.text：

<option value='val21'>text21</option> 
<option value='val22'>text22</option> 

s3.text：

<option value='val31'>text31</option> 
<option value='val32'>text32</option> 

我怎樣才能把它們加載到我crsdd downdown名單？我可以通過$('#crsdd').load("s1.txt");加載單個文件，但是當我有多個文件時，我不能處理它，我。

我想要以下內容。

<select id='crsdd' name='crs'> 
    <option value='val11'>text11</option> 
    <option value='val12'>text12</option> 
    <option value='val21'>text21</option> 
    <option value='val22'>text22</option> 
    <option value='val31'>text31</option> 
    <option value='val32'>text32</option> 
</select> 

請看這裏的例子。 Switching depending on Dropdown option

Answer 1

好吧，快速解決方案是同步加載文件，然後撰寫您的下拉選項。

E.g.

var array_of_files = ["s1.text","s2.text","s3.text"];//if you need these files dynamically , i.e. from lets say a set of other options, compose this dynamically 

//when you need to load these files together - 
var docLoader = function(index){ 
    $.get(array_of_files[index],function(data){//get data and append it to your select box 
     $('#crsdd').append(data); 
     if(index < array_of_files.length){ 
      docLoader(index+1);//Call itself with new index 
     } 
    }); 
} 
docLoader(0);//call the loader with index 0 

這應該工作！