我想將選項添加到從數據庫中檢索的選擇標記中。 例如 如果用戶想要某個商店的位置。 首先數據庫將檢索「國家」並顯示在選擇標籤中。 現在,在選擇國家時,應根據所選國家/地區從數據庫檢索的選擇標籤中顯示下一個州。如何動態地將選項(選項以「java.sql.ResultSet」的形式)添加到jsp中的選擇標記
0
A
回答
0
JSP在服務器端編譯。你試圖完成的是在客戶端發生的DOM操作。您不能根據使用JSP標籤選擇的國家動態生成州名。你必須使用JavaScript和Ajax來完成它。退房jQuery Autocomplete with remote datasource
我寧願發表一些代碼。
HTML
<select id="PIA" name="PIA" tabindex="2" class='combobox' required='required' placeholder="Select Office">
<option value="!valid">Select Office</option>
<option value='AHD'>AHEMDABAD</option>
<option value='BPL'>BHOPAL</option>
<option value='BHU'>BHUBNESWAR</option>
<option value='COC'>COCHIN</option>
<option value='DLH'>DELHI</option>
<option value='GZB'>GHAZIABAD</option>
<option value='GUW'>GUWAHATI</option>
<option value='HYD'>HYDERABAD</option>
<option value='JPR'>JAIPUR</option>
<option value='JAL'>JALANDHAR</option>
<option value='JMU'>JAMMU</option>
<option value='CAL'>KOLKATA</option>
<option value='KOZ'>KOZHIKODE</option>
<option value='LKO'>LUCKNOW</option>
<option value='BOM'>MUMBAI</option>
<option value='PAT'>PATNA</option>
<option value='SUR'>SURAT</option>
<option value='ASR'>AMRITSAR</option>
<option value='BLY'>BAREILLY</option>
<option value='DDN'>DEHRADUN</option>
<option value='MLP'>MALAPPURAM</option>
<option value='NGP'>NAGPUR</option>
<option value='GOA'>PANAJI</option>
<option value='PNE'>PUNE</option>
<option value='RPR'>RAIPUR</option>
<option value='RCH'>RANCHI</option>
<option value='SML'>SHIMLA</option>
<option value='SGR'>SRINAGAR</option>
<option value='THN'>THANE</option>
<option value='TVM'>TRIVANDRUM</option>
</select>
</td>
<!-- District -->
<td><div class="ui-widget" id='distPop'>
<select id='district' name='district' tabindex="2" class='combobox'>
<option id="!valid" value='!valid'>Select District</option>
</select>
</div>
的Javascript
$('document').ready(function(){
$('#PIA').combobox({
maxheight: '100px',
selected: function(e,u){
$.getJson({
"yourURL",
$(this).val();
function(districts){
$.each(districts[$(this).val()], function(key, value){
$('#district').append("<option value='"+key+"'>"+value+
"</option>");
});
});
});
});
不要忘了,包括你的頁面的頂部jQuery和jQuery UI的腳本。
+0
可以ü發佈一些示例鏈接? – 2012-03-08 10:48:00
0
<script type="text/javascript">
var xmlRequest;
function changeCities() {
xmlRequest = new XMLHttpRequest();
xmlRequest.open("get", "CityServlet?stateId=2", true);
xmlRequest.send(null);
xmlRequest.onReadyStateChange = processResponse;
}
function processResponse() {
alert(1);
if(xmlRequest.readyState == 4 && xmlRequest.status == 200) {
alert(xmlRequest.responseText);
var response = xmlRequest.responseText;
document.getElementById("res").value = response;
}
}
</script>
<body>
<form action="post" name="customerRegForm">
<select name="state" onchange="changeCities()">
<option value="1">Gujarat</option>
<option value="2">Rajasthan</option>
</select>
<select name="cities"> </select>
<input type="text" name="res"></input>
</form>
</body>
收件其接受從參數傳遞XMLHttpRequest
並返回從servlet的響應的servlet。
相關問題
- 1. 如何動態地選擇動態添加選擇/選項標籤
- 2. 選擇以HTML形式的動態選擇的選項
- 3. 動態選擇選項的形式
- 4. 如何使用JavaScript將選項添加到選擇標記?
- 5. Angular 1.3 - 將Id添加到ng選項中的選項標記
- 6. 如何添加複選標記到操作工作表IOS選項中選擇的選項中反應本地?
- 7. 將選項添加到動態加載的選擇
- 8. 動態地將選項添加到列表首選項
- 9. 如何動態地將選項添加到正確位置的選擇框?
- 10. 動態添加選項以選擇選擇多個JQuery插件
- 11. 將選項添加到動態創建的選擇框
- 12. 將選項添加到CodeIgniter中選擇
- 13. FORM_TAG(Rails):如何將選中的選項添加到選項中?
- 14. 動態添加選擇選項和Javascript
- 15. 如何將選項添加到jQuery中的特定選項之後的選擇?
- 16. AngularJS:我們如何動態地將選擇框和選項添加到使用AngularJS的DOM選擇框中
- 17. html多選擇選項如何標記選定的選項?
- 18. 將選項卡動態添加到navbarPage並選擇新選項卡
- 19. 根據選擇動態添加帶有選擇選項的DIV
- 20. 將選項添加到選項中
- 21. 如何將說明添加到HTML選擇框中的選項?
- 22. 如何將新選項添加到jQuery中的選擇?
- 23. html選擇標記如果選項更改添加樣式在選擇
- 24. 如何「動態添加選項」到「form_for」?
- 25. jquery動態追加選項到選擇列表,然後選擇新的選項
- 26. 如何在Rails中動態添加選擇菜單選項
- 27. 如何將選項添加到動態添加的新div div
- 28. 如何將選項動態添加到現有的香草選擇javascript
- 29. 將圖像添加到選擇自動增益中的選項
- 30. 如何將選定選項動態添加到表格
這不能單獨使用JSP。你將不得不使用JavaScript和AJAX。 – 2012-03-08 10:22:53
剛纔我讀了ajax和js.http://www.jguru.com/faq/view.jsp?EID = 1332116之間的區別可以給我發送任何ajax教程的鏈接,誰刷新html頁面的特定部分。 – 2012-03-08 10:31:20