[请益] 动态下拉式选单连结数据库且不跳页

楼主: 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