我已經開發出使用$ .getJSON PHP腳本接收JSON數據的腳本。 JSON數據看起來像 '[{ 「選項」: 「smart_exp」},{ 「選項」: 「user_intf」},{ 「blahblah」 「選項」}]'使用json數據動態生成下拉列表?
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
//$('document').ready(function() {
function Preload() {
$.getJSON("http://localhost/conn_mysql.php", function(jsonData){
$.each(jsonData, function(i,j)
{ alert(j.options);});
});}
// });
</script></head>
<body onLoad="Preload()">
</body>
</html>
我還開發了一個腳本它使用數組動態地生成下拉列表。
<HTML>
<HEAD>
<script language="javascript">
var myarray = new Array("apples","oranges","bananas","Peac");
function populate()
{ for (i=0; i<myarray.length; i++)
{
document.form1.fruits.options[i]=new Option(myarray[i], i);
}
}
</script>
</HEAD>
<body onload="populate();">
<form name="form1">
My favourite fruit is :
<select name="fruits" />
</form>
</body>
</HTML>
現在我需要使用的getJSON返回的數據動態生成一個下拉列表,但我在合併兩個有問題。我將非常感謝幫助。這是我試圖做的,但它不工作。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
//$('document').ready(function() {
function Preload() {
var myarray = new Array();
$.getJSON("http://localhost/conn_mysql.php", function(jsonData){
$.each(jsonData, function(i,j)
{ myarray = j.options;});});
for (i=0; i<myarray.length; i++)
{ document.form1.fruits.options[i]=new Option(myarray[i]); }
}
// });
</script></head>
<body onLoad="Preload()">
<form name="form1">
My favourite fruit is :
<select name="fruits" />
</form>
</body>
</html>
Grate,ur grate ...... thanX a許多。它的工作現在與我們的代碼。一個問題是它只能在IE瀏覽器中運行,不能在Firefox中運行。我認爲我需要做// $('document')。ready(function()工作,因爲我無法修復它,所以現在在我的代碼中進行了評論。你能否看到它,我認爲它只會引起問題。可以告訴我更多的事情,可以純淨的,即JS渲染引擎在這種情況下使用。假如我沒有任何有關JS渲染引擎的信息。比X再次clarkf :-) - – XCeptable 2010-10-21 20:37:14
@babar - I'我不確定你在問什麼。如果你問純粹的模板庫(http://beebole.com/pure/),當然可以在這裏使用它。您需要在PHP腳本中稍微修改一下JSON數據(我認爲,我不熟悉純文本)。查看文檔? – clarkf 2010-10-21 20:43:47