好吧,这是我的第二篇文章,请接受我是一个完全的新手,愿意学习,花很多时间在各种网站上寻找答案,我几乎已经到了我需要的地方(至少在这一点上)。
我有一个网页,它有一个javascript函数的numer,这些函数一起使用Google maps API生成一个带有不同行等的Google地图。
我还有一个MySQL数据库,里面有一些信息。
我创建了一个PHP脚本来动态生成一个下拉框,其中包含来自数据库的信息。(这一点似乎很管用)——http://www.bournvilleconservatives.com/temp/select.php
我现在需要做的是让这个下拉框出现在我已经拥有的HTML/Javascript页面中,这样当用户从列表中选择某个内容时,它就会调用一个Javascript函数并选择该值。
有人告诉我,我需要使用AJAX来打开这个框,并使用innerhtml来显示它,但我真的不知道该怎么做,我可以用一个类似的例子来帮助我。
我会把PHP放在html页面中,但该页面实际上是用Joomla包起来的!包装纸,所以很复杂。
提前谢谢。

最佳答案

jQuery解决方案
如果您愿意使用jQuery,它将在访问DOM、进行Ajax调用等方面为您提供很大帮助。让我用jQuery给出一个解决方案:
首先,将div放入HTML(这将存储您的选择框):

<div id="i_want_my_select_here"></div>

然后在</body>之前把这段代码放在HTML的末尾。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#i_want_my_select_here').load('/temp/select.php');
  });
</script>

在第一个脚本标记中,我们包含了来自Google CDN的jQuery库。第二步,我们编写Javascript/jQuery代码。.load()函数使进行Ajax调用和将响应加载到HTML元素变得容易。
你可以看到这比我的另一个答案中的所有代码都要简单得多:)。

07-28 02:18
查看更多