2011-03-01 59 views
0

我在試圖找出某人有人建議的代碼時遇到了困難,並希望有人能夠更多地解釋它,或者提供更簡單的建議。PHP/AJAX - 動態文本框值

我有3個文本框,我需要填充來自MySQL數據庫的動態數據,顯示的數據取決於用戶在選擇下拉框中單擊的內容。

代碼中,我有如下:

<script type="text/javascript"> 
jQuery(function($){  
    $("select").change(function(e) { 
    $(".temp").load(\'index.php?parameter1=\'+ $(this).val(), , function() { 
    $(".textbox1").val($(".temp1").text()); 
    }); 
    }); 
}); 
</script> 

我不是很清楚如何使用JavaScript,以便即時通訊不能確定如何工作的,並會去什麼樣的代碼到index.php文件?

任何幫助將不勝感激。

乾杯

回答

0

是的,這是從我這裏,它很簡單。

前兩行只是初始化,不需要改變。

3rd是「select」的更改觸發器,因此當selectbox更改其值時,將執行此函數內的所有代碼。使用類或id(.x,#x)會更好,但在你的例子中沒有給出。

第四行在這種情況下加載給定url的內容,例如:「index.php?parameter1 = USA」到具有臨時類的元素(div或其他)中。

最後在第5行中,這個臨時加載的內容將被複制到類texbox1的文本框中。

對於這個工作,你需要包括jQuery的文件,某事像這樣:

<script src="jquery-latest.js" type="text/javascript"></script> 

還必須有:給定的選擇,用類TextBox1的文本框,和一個div(隱藏)與類溫度

在index.php(或名爲textboxvalues.php ..無論)你只需要呼應你想在文本框中的值。你可以使用一個開關或者如果用於參數(用於不同的文本框)並且從數據庫或者你想得到的值。你甚至可以爲每個文本框使用不同的php文件。任何你想要的。

0

好,我推薦你來清理一下代碼:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("select").change(function(e) { 
     var url = 'index.php?paremeter1=' + $(this).val(); 
     $(".textbox1").load(url); 
    }); 
}); 
</script> 

最終,你應該改變$( 「選擇」),以$( 「選擇 」)或$(「 #選擇」)。

+0

如果你直接在文本框中加載,你會在文本框中獲得內容。這意味着類似於:

CONTENT
,但對於不起作用,因此temp-> copy的步驟 – Flo 2011-03-01 18:50:01