我正在使用HTML SELECT做出3個下拉菜單。一個用於國家名單,一個用於地區,一個用於城市。首先從下拉菜單中選擇國家,然後選擇地區和城市?
它們在數據庫中都有不同的表格,它們通過外鍵互相鏈接。
我想強制用戶先選擇一個國家,而另外兩個菜單被鎖定。當他選擇一個國家時,他將能夠選擇一個地區,然後選擇一個城市。我該怎麼做呢?
我正在使用HTML SELECT做出3個下拉菜單。一個用於國家名單,一個用於地區,一個用於城市。首先從下拉菜單中選擇國家,然後選擇地區和城市?
它們在數據庫中都有不同的表格,它們通過外鍵互相鏈接。
我想強制用戶先選擇一個國家,而另外兩個菜單被鎖定。當他選擇一個國家時,他將能夠選擇一個地區,然後選擇一個城市。我該怎麼做呢?
哪部分你特別有問題?
1)當用戶加載頁面時填充國家/地區列表,其他2個菜單被禁用。 (SELECT * FROM Countries;
)
2)當用戶選擇國家時,向包含國家名稱的服務器發送AJAX請求。 (SELECT * FROM Regions WHERE id = country_id;
)
3)當您收到AJAX響應時,填充區域列表並啓用它。
4)重複步驟2和3的城市名稱。
你有幾種可能性。
你可以寫一個單一的選擇,在同一時間檢索所有國家 - 地區 - 城市組合,並使用行創建表示在加載時該數據的JavaScript對象。然後創建一個Javascript方法,在選擇新的國家或地區時更新相關的行。
您可以編寫3條select語句,1個國家,1個給定國家地區,1個給定地區城市。選擇的國家將在頁面加載時運行,其他查詢可以在選擇國家和地區時使用Ajax請求執行。
試試這個premade script並開始接受答案..人們可能更願意幫忙。
選項2聽起來是最好的。 – stimms 2009-11-22 06:37:21