作者cat99961 (阿湯)
看板PHP
標題[請益] 動態下拉式選單連結資料庫且不跳頁
時間Mon Apr 28 10:28:48 2014
我寫了二個下拉式的選單，二個選單的資料都是從資料庫裡叫出來的，
這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://webptt.com/m.aspx?n=bbs/PHP/M.1398652131.A.079.html
1F：→ terrybob:直接抓下拉式選單的值傳遞 04/28 10:43
2F：→ terrybob:ajax另一個頁面後，抓取回應新的html，然後存入現在頁面 04/28 10:46
3F：→ cat99961:這個城市是否能只用JAVASCRIPT寫而不用ajax呢 04/28 11:23
4F：→ cat99961:若用ajax寫 網路上有無範例呢 04/28 11:24
5F：推 cokellen:AJAX是JavaScript的一種應用 04/28 12:51
6F：→ MOONRAKER:你可以不要用AJAX自己慢慢研究postback。非常慢。 04/28 14:11
7F：→ danny8376:這種要不跳頁 不AJAX 就是直接整個list先弄到JS裡啦 04/28 16:03
8F：→ MOONRAKER:那也不錯… 04/28 16:05
9F：推 crossdunk:json 04/28 17:06
10F：推 up9cloud:全list都設到html裡，用js控制display， 04/29 02:50
11F：→ smallkill:w3cschool有完整範例 04/29 10:27