2010-04-27 173 views
0

對於JSON,我是一個新手,我想嘗試編寫JSON選擇選項自動填充,但不知道從哪裏開始。從JSON中選擇選項

我的腳本目前的工作方式是使用PHP和MySQL將第一組選擇選項與數據庫表中的不同列表一起填充,然後在用戶選擇時使用鏈接的選項自動填充下一組選擇選項到第一組。無論如何在JSON中這樣做?

回答

6

當然。比方說,你有一些簡單的JSON:

{ "Options": [ 
    { "Text":"MyText","Value":"MyValue"}, 
    { "Text":"MyText2","Value":"MyValue2"} 
    ] 
} 

然後,您考慮給JavaScript:

var options = eval('(' + myJson + ')'); // myJson is your data variable 

然後,您只需創建在DOM每個選項(我會使用jQuery爲了簡潔起見)

var length = options.length; 

for(var j = 0; j < length; j++) 
{ 
    var newOption = $('<option/>'); 
    newOption.attr('text', options[j].Text); 
    newOption.attr('value', options[j].Value); // fixed typo 
    $('#mySelect').append(newOption); 
} 

或者類似這種效果。

0

JSON是javascript對象表示法,用於存儲數據。

您的Web服務器可以基於任何類型的請求返回JSON。如果你的網頁有JSON數據,你可以使用javascript/jquery動態構建select到DOM中。