從下拉列表中顯示json的值

Question

http://jsfiddle.net/VY7pJ/6/

請看看這個。

這裏，等我選擇DUI Config值(DGI,2ddDGI)我必須到位，以顯示'display DUI description'. 它是如何possible..Code現在用在jfiddle

$.each(data.VMs, function (i, vm) { 
    if (vm.ID === selected) { 
     $.each(vm.ADAPTER, function (j, ad) { 
      adapter.push('<option value="' + vm.ADAPTER[j].names + '">' + vm.ADAPTER[j].names + '</option>'); 
      dui.push('<option value="' + vm.DUIConfig[j].ID + '">' + vm.DUIConfig[j].names + '</option>'); 
      $('#label').html(vm.DUIConfig[0].description); 
      $("#dui").change(function() { 

      }); 
     }); 
    } 
}); 

Answer 1

問題是因爲還提到了correpsonding描述值以下

"ID": "VM-WIN7-64" 

而且你已經初始化

selected = 'VM-WIN764'; 

您正在檢查if(ID===selected)哪總是false！所以你的if條件永遠不會滿足。

更改selected = VM-WIN7-64改爲'VM-WIN764'，一切正常！

Fiddle Demo

---

更新

您可以觸發你的dui下拉的change()並能得到描述值。嘗試用以下代碼：

if (vm.ID === selected) { 
     $.each(vm.ADAPTER, function (j, ad) { 
      adapter.push('<option value="' + vm.ADAPTER[j].names + '">' + vm.ADAPTER[j].names + '</option>'); 
      dui.push('<option value="' + vm.DUIConfig[j].ID + '">' + vm.DUIConfig[j].names + '</option>'); 
      $('#label').html(vm.DUIConfig[0].description); 

     }); 
     //Written Change event here 
     $("#dui").change(function() { 
      $('#label').html(vm.DUIConfig[this.selectedIndex].description); //Get selected value 
     }); 
    } 

Final Fiddle