以html格式下拉列表

Question

認爲在html表單中有兩個下拉列表。

第一個名爲「country」的列表中有一個國家列表。

第二個列表是在選擇國家時應該動態填充的「城市」。

我該如何動態實現這個？

這是在javascript或jquery或ajax中實現這個 最簡單和最簡單的方法嗎？

請與示例代碼和想法幫助，這樣我就能實現它或者一些外部鏈接或教程

Answer 1

使用jQuery，使用首次下降的變化情況下，然後更新第二，一點點像這樣

$("#country").change(function(){ 
    //do an ajax request, and update #cities 
}); 

Answer 2

你可以用純JavaScript做到這一點。 實現第一的onchange屬性選擇：

<select id="countires" onchange="makeCitiySelect();"> .. </select 

，並在makeCitiySelect（）函數，你可以閱讀這個選擇與document.getElementsById（「國家」）.value的值，併發送創建新的選擇框與這個國家的城市。

如果你的國家的城市都在你必須發送一個Ajax請求，並獲得城市爲響應服務器上的數據庫..

但是可以肯定，使用jQuery就可以解決這個問題要好得多

Answer 3

1.-創建2個選擇框 2：創建第一選擇，所以每次上電平變化JS或jQuery的功能它就會選擇其他的選擇變化 3.-裏面的電平變化功能化妝ajax調用服務，該服務具有相應的內容選定的選項。 4.-檢索數據並用相應的數據重建第二個選擇框。

Answer 4

1. 您所在的國家下拉（http://api.jquery.com/change/）應用一個onchange事件
2. 發送一個Ajax請求到服務器，並獲得城市名單（HTTP：//api.jquery .com/jQuery.ajax /）
3. ajax請求成功後，填充第二個列表「城市」。請記得從城市列表中刪除任何已經填充的城市。
4. 將您從服務器獲取的所有城市列表存儲到數組中。當下一次用戶選擇相同的國家時，使用存儲在數組中的數據顯示城市列表。這樣你就不必爲同一個國家做多個Ajax請求。