结合php ajax jquery为sql填充的下拉列表

时间:2012-08-07 21:25:36

标签: php jquery ajax wordpress

我试图让三个不同的PHP按顺序工作,并以一种易于用户使用的方式工作。这是我已经从数据库中获取数据的一些代码。我在下拉列表中有一个类似的声明,我需要使用第一段代码中的答案进行填充,当它发生更改时我还需要获取这两个答案并将它们放入另一个将显示一个sql语句的sql语句中一组结果。我知道我需要使用类似jquery或ajax的东西,但我不确定如何在WordPress中使用它来获得所需的效果。

<select name="raceTrack2" onchange="">
      <?php
            $postids = $wpdb->get_col("SELECT trackName FROM " . $trackTableName . ";");

            foreach ($postids as $value) 
            {
                echo '<option>' . $value . '</option>' ;

            }

      ?>
</select>

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

有几种方法可以给这只猫上皮。既然你提到了jQuery / Ajax,我将引导你完成使用这些技术的高级步骤:

  1. 编写一个javascript函数,该函数对PHP脚本进行Ajax调用,该脚本返回JSON格式的数据以填充第二个下拉列表。在ajax()方法中,成功完成调用后,解析JSON数据并为第二个下拉列表的值构造HTML代码。然后使用jQuery selectors,使用html()方法选择第二个下拉列表和set the HTML contents
  2. 修改第一个下拉列表的onchange()事件处理程序,以调用在步骤1中创建的JS函数。
  3. 编写另一个javascript函数,用于从第一个下拉列表和第二个下拉列表中获取所选值。然后对PHP脚本进行另一个Ajax调用,该脚本将这两个值作为输入,并对这些值执行任何操作。
  4. 最后,修改第二个下拉列表的onchange()事件处理程序,以调用在步骤3中创建的JS函数。
  5. 在高层次上,这应该做到。正如我所说,有很多方法可以给这只猫皮肤。这可能是最简单的方法,不需要回退/往返服务器。