[請益] 動態下拉式選單連結資料庫且不跳頁

[cat99961 (阿湯)]

我寫了二個下拉式的選單，二個選單的資料都是從資料庫裡叫出來的，
這2個下拉式選單是有關聯的,使用者選取第一個下拉式選單時,第2個
下拉式選單會依據使用者選取第1個下拉式選單的值,到資料庫去查詢
資料而顯示其在第2個下拉式選單,如 第一個選單有新北市,屏東縣,(存
於資料表中)當使用者點選第一個選單的新北市時,第2個選單會顯示
"大直區","士林區","信義區"(存於資料表中)
當使用者點選第一個選單的屏東縣時,第2個選單會顯示"屏東市","潮
州鎮",但出現了一個問題==>就是當使用者選擇第一個選單時,因當初
程式是寫
<select name="city" onChange="window.location='XXX.php?city='+this.value">
所以會連回本頁(XXX.php是本頁)並攜帶city這個參數,但連回本頁會
造成頁面會跳到最上面,還要使用者移動滑鼠滾輪往下,才會回到選單
的位置,但我希望的是選擇第一個選單後,仍在原位,於是我想要onChange
的動作不是連回本頁,純粹只傳遞變數到另一個下拉式選單,但javascript
好像不能傳遞參數給PHP....
該如何才能讓使用者按下第一個下拉式選單,能傳遞結果給第2個下拉式選
單而不需要跳頁(且有連結資料庫)................
拜託了...我搞了好久


資料表內容:

城市    分店
新北市 大直區
新北市 士林區
新北市 信義區
屏東縣 屏東市
屏東縣 潮州鎮




--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 106.1.62.253
※ 文章網址: http://www.ptt.cc/bbs/PHP/M.1398652131.A.079.html
→ terrybob:直接抓下拉式選單的值傳遞
→ terrybob:ajax另一個頁面後，抓取回應新的html，然後存入現在頁面
→ cat99961:這個城市是否能只用JAVASCRIPT寫而不用ajax呢
→ cat99961:若用ajax寫 網路上有無範例呢
推 cokellen:AJAX是JavaScript的一種應用
→ MOONRAKER:你可以不要用AJAX自己慢慢研究postback。非常慢。
→ danny8376:這種要不跳頁 不AJAX 就是直接整個list先弄到JS裡啦
→ MOONRAKER:那也不錯…
推 crossdunk:json
推 up9cloud:全list都設到html裡，用js控制display，
→ smallkill:w3cschool有完整範例