2010-07-11 99 views
1

我有一些可選的值下拉。如果更改那些值將顯示另一個下拉值與數據庫中的值。我是在jsp頁面中做這個過程。第一個下拉值是靜態的(以jsp編碼)。但第二個下拉列表當第一個下拉列表發生變化時,值來自數據庫。如何使用ajax從數據庫中獲取下拉值?

這裏我需要實現ajax或javascript?你能否給我這個下拉的例子。

其中一個下拉列表具有名稱,地址,城市樣的靜態值。

<select id="search" onchange="menu_changed();"> 
           <option></option> 
           <option>name</option> 
           <option>address</option> 
           <option>city</option> 
           </select 

現在,數據庫coloumn name name,address,city like that。

如果我在第一個下拉列表中選擇「名稱」,啓用列表名稱的第二個下拉列表。這些名稱應該來自數據庫。

請給我你的想法。

回答

1

如果你樂於使用jQuery開始閱讀這裏http://api.jquery.com/jQuery.getJSON/

有你的選擇框1改變事件menu_changed調用的getJSON例如

VAR select1value =的document.getElementById( '搜索')值()。

$.getJSON('urlToYour.jsp?id='+select1value , function(data) { 
     write JavaScript code here to populate your 2nd drop down list using the JSON stored in the data variable); 
}); 
0

javascript是ajax的一個整體要求。 AJAX的意思是異步JavaScript和XML。 在這裏,您需要發送一個xmlHttpRequest到服務器,並根據第一個下拉框中的選定選項從數據庫中獲取第二個下拉列表的內容。當您在JavaScript中獲得響應時,請使用這些值填充第二個選擇框。這將發生在第一個下拉框的每個onchange事件中

相關問題