作者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/cn.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