填充依賴於更改事件的選擇下拉列表

Question

嗨我差不多完成了填充選擇下拉列表然後輸出相關編號的小任務。選擇一家公司等工程。

這裏是我的jsfiddle：http://jsfiddle.net/3MK3D/1/

我現在需要生成適當的公司在選擇下拉取決於所選擇部門。我爲個人公司創建了一個新的javascript數組。

我想過的，也許做這樣的事情，並傳遞正確的變量相應的功能，但真的不知道如何實現它：

var companiesArray; 

    $('#sector').on('change', function(e){ 
     var optionSelected = $("option:selected", this); 
     var sectorSelected = this.value; 
     if(sectorSelected == 'business') { 
      companiesArray = 'insurancecompanies'; 

     } else if(sectorSelected == 'personal') { 
      companiesArray = 'personalcompanies'; 

     } else { 

     } 
    }); 

有可能是一個更好的辦法？

Answer 1

使用具有您sector選擇值作爲鍵到相關陣列一個companies對象：

var companies = { 
    business : [ 
     { 
      name : 'Advent', 
      property : '01242 674 674', 
      fleet : '', 
      motortrade : '' 
     }, 
     { 
      name : 'Allianz', 
      property : '0844 412 9988', 
      fleet : '0800 587 5858', 
      motortrade : '' 
     }, 
     // other insurance companies 
    ], 
    personal : [ 
     // personal companies 
    ] 
} 

然後：

$('#sector').on('change', function(e){ 
    var optionSelected = $("option:selected", this); 
    var sectorSelected = this.value; 
    var companyArray = companies[sectorSelected]; 
    // iterate over companyArray and create the relevant option objects for #company 
});