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

作者: cat99961 (阿湯)   2014-04-28 10:28:48
我寫了二個下拉式的選單,二個選單的資料都是從資料庫裡叫出來的,
這2個下拉式選單是有關聯的,使用者選取第一個下拉式選單時,第2個
下拉式選單會依據使用者選取第1個下拉式選單的值,到資料庫去查詢
資料而顯示其在第2個下拉式選單,如 第一個選單有新北市,屏東縣,(存
於資料表中)當使用者點選第一個選單的新北市時,第2個選單會顯示
"大直區","士林區","信義區"(存於資料表中)
當使用者點選第一個選單的屏東縣時,第2個選單會顯示"屏東市","潮
州鎮",但出現了一個問題==>就是當使用者選擇第一個選單時,因當初
程式是寫
<select name="city" onChange="window.location='XXX.php?city='+this.value">
所以會連回本頁(XXX.php是本頁)並攜帶city這個參數,但連回本頁會
造成頁面會跳到最上面,還要使用者移動滑鼠滾輪往下,才會回到選單
的位置,但我希望的是選擇第一個選單後,仍在原位,於是我想要onChange
的動作不是連回本頁,純粹只傳遞變數到另一個下拉式選單,但javascript
好像不能傳遞參數給PHP....
該如何才能讓使用者按下第一個下拉式選單,能傳遞結果給第2個下拉式選
單而不需要跳頁(且有連結資料庫)................
拜託了...我搞了好久
資料表內容:
城市 分店
新北市 大直區
新北市 士林區
新北市 信義區
屏東縣 屏東市
屏東縣 潮州鎮
作者: terrybob (罪雲樵)   2014-04-28 10:43:00
直接抓下拉式選單的值傳遞ajax另一個頁面後,抓取回應新的html,然後存入現在頁面
作者: cat99961 (阿湯)   2014-04-28 11:23:00
這個城市是否能只用JAVASCRIPT寫而不用ajax呢若用ajax寫 網路上有無範例呢
作者: cokellen (cokellen)   2014-04-28 12:51:00
AJAX是JavaScript的一種應用
作者: MOONRAKER (㊣牛鶴鰻毛人)   2014-04-28 14:11:00
你可以不要用AJAX自己慢慢研究postback。非常慢。
作者: danny8376 (釣到一隻猴子@_@)   2014-04-28 16:03:00
這種要不跳頁 不AJAX 就是直接整個list先弄到JS裡啦
作者: MOONRAKER (㊣牛鶴鰻毛人)   2014-04-28 16:05:00
那也不錯…
作者: crossdunk (推噓自如)   2014-04-28 17:06:00
json
作者: up9cloud (九天)   2014-04-29 02:50:00
全list都設到html裡,用js控制display,
作者: smallkill (小小殺)   2014-04-29 10:27:00
w3cschool有完整範例

Links booklink

Contact Us: admin [ a t ] ucptt.com