作者cat99961 (阿汤)
看板Ajax
标题[问题] AJAX制作不换页连结资料库的动态下拉选单
时间Sun Jun 1 20:19:08 2014
我用javascript制作出连结资料库的双层下拉式选单,2个下拉式选单是有关联的
如第一个选单从资料库抓出台湾各县市,第二个选单会随第一个选单而变化
如第一个选单选到台北市 第二个选单出现中和分店,士林分店......
如第一个选单选到高雄市 第二个选单出现凤山分店,高雄分店......
以此类推..
,因我略懂AJAX的XMLHttpRequest物件所以此部分有连结资料库"不换页"连动变化
第二个下拉式选单的部份我有"成功",但我想要选择完县市再选分店後,按下确定键"不换
页"就从资料库抓出分店地址显示在下拉选单的下方.....却失败了
不知道为甚麽
我把程式的流程写一下,希望各位高手可以告诉我哪里流程有错...
1.第一个下拉式选单属性onChange="run_ajax()"
2. run_ajax()函数建立XMLHttpRequest,并用GET的方式连到另一个PHP网页(one.php)
3. one.php进行资料库查询找出该县市的所有分店,
4.主页接收到one.php回覆的分店,显示在第2个下拉式选单(且不换页)
-----------------------------------以上是成功的---------------------------------
5.主页中的按纽 <button onclick="run_ajax2('target2')" >查询地址</button>
6. run_ajax2()函数建立XMLHttpRequest物件,并用GET的方式连到另一个PHP网页(two.php)
7.two.php进行资料库查询找出该分店地址
8.主页接收到two.php回覆的分店,某个DIV内
-------------------------------以上没有成功------------------------------------
2个下拉式选单选好後,点选"查询地址"按纽没有反应
不知道哪里出了问题,我弄了一整天,一直觉得程式应该没问题..但就是不知道哪里错
是因为同一网页不能建立2个 XMLHttpRequest物件吗?
或是其他原因....拜托大家了真的真的非常苦恼......
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 106.1.62.253
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Ajax/M.1401625150.A.883.html
1F:→ danny8376:开console看有没有喷错? 06/01 21:12
2F:推 saluyi:有sample 吗 不然很难抓药 06/01 23:14