2009-11-22 42 views
0

我正在使用HTML SELECT做出3個下拉菜單。一個用於國家名單,一個用於地區,一個用於城市。首先從下拉菜單中選擇國家,然後選擇地區和城市?

它們在數據庫中都有不同的表格,它們通過外鍵互相鏈接。

我想強制用戶先選擇一個國家,而另外兩個菜單被鎖定。當他選擇一個國家時,他將能夠選擇一個地區,然後選擇一個城市。我該怎麼做呢?

回答

4

哪部分你特別有問題?

1)當用戶加載頁面時填充國家/地區列表,其他2個菜單被禁用。 (SELECT * FROM Countries;
2)當用戶選擇國家時,向包含國家名稱的服務器發送AJAX請求。 (SELECT * FROM Regions WHERE id = country_id;
3)當您收到AJAX響應時,填充區域列表並啓用它。
4)重複步驟2和3的城市名稱。

2

你有幾種可能性。

  1. 你可以寫一個單一的選擇,在同一時間檢索所有國家 - 地區 - 城市組合,並使用行創建表示在加載時該數據的JavaScript對象。然後創建一個Javascript方法,在選擇新的國家或地區時更新相關的行。

  2. 您可以編寫3條select語句,1個國家,1個給定國家地區,1個給定地區城市。選擇的國家將在頁面加載時運行,其他查詢可以在選擇國家和地區時使用Ajax請求執行。

+0

選項2聽起來是最好的。 – stimms 2009-11-22 06:37:21

相關問題