用户输入接口作为服务器端php和客户端更新的触发器?

时间:2012-03-01 13:48:25

标签: php javascript programming-languages client-side server-side

我很难说出我的问题标题。基本上就是这个问题:

我有这个界面由5个视觉行组成,只有输入和名称不同。

每行中有2个选择框/列表,我希望第二个选择列表用7个不同数组(通过查询数据库制作)中的一个填充,具体取决于用户在第一个选择框中做出的选择(第一个框仅影响查询的ORDER BY部分。)

如何在用户在选择框中进行选择后立即实现此目的? 没有用户按任何其他提交按钮的含义。我希望大多数代码处理都是服务器端,但输出在客户端立即可见。如果每次用户更改选择框时整个页面都会刷新,那将会很难看,因为他需要在所有选择框中选择一些内容。

我是否需要将我的php与一些javascript结合起来才能实现这一目标?如果是的话,我在寻找什么样的代码?

1 个答案:

答案 0 :(得分:1)

如果您使用的是jquery,这可能非常简单......

/* pick up the first select box changing */
$(".select_box_class").change(function() {

  /* show some loading indicator */
  show_loading_indicator();

  /* fire off a ajax call to the server which could return the html for the next select box or the data to build up the html in the client */
  $.post('/path/to/server.php',{selection:$(this).val()}, function(newSelect) {
      /* here you can update/create you next select box */
      $("#select_box2_placeholder").html(newSelect);

      turn_off_loading();
  });

});