如何在Ajax PHP jQuery中选择带有选项的列表框

时间:2010-10-23 10:10:27

标签: php jquery mysql ajax

我的数据库呼叫组和玩家中有2个表我首先尝试选择组,然后玩家出现在另一个列表框中。

DB:

+-----+---------------+
| id  |  Name         |
+-----+---------------+
| 1   |  Red Group    |
| 2   |  Blue Group   |
| 3   |  Yellow Group |
+-----+---------------+

球员

+-----+-----------+------------+
| id  |  name     |  group_id  |
+-----+-----------+------------+
| 1   |  User1    |  1         |
| 2   |  User2    |  3         |
| 3   |  User3    |  2         |
| 4   |  User4    |  3         |
| 5   |  User5    |  1         |
+-----+-----------+------------+

1 个答案:

答案 0 :(得分:1)

将服务器端的记录输出到select中,然后,正如vasim所说,使用jquery的更改(http://api.jquery.com/change/)来激活ajax调用,该调用将填充由组选择的palyers标识。

$('#group').change(function()
{
   $.ajax(
   {
      url: 'url_to_server_script',
      data: 'group='+$('#group').val(),
      success: function(){/* populate here your players select*/}
   });
});

有关jquery在http://api.jquery.com/jQuery.ajax/的ajax的更多信息。 根据您的服务器脚本所需的内容,您必须指定ajax属性数据类型(json,xml,...)