动态链式选择框

时间:2012-10-04 22:47:05

标签: php javascript mysql

好的,所以我的页面上有两个选择框,第一个名称为“select”,下面的选项是硬编码的:

<select name="select" id="Testid">
        <option value="Misc">Misc...</option>
        <option value="Stunt">Stunt</option>
        <option value="deathmatches">Deathmatches</option>
        <option value="Car"> Car </option>
        <option value="Races">Races </option>
    </select>

然而第二个选择框(名为“deleteTp”)我想用mysql表填充,具体取决于第一个选择框的选择。每个选项值在我的数据库中都有一个特定的表,其名称与值相同。

我知道如何使用数据库表填充第二个选择框,但是我不知道如何根据用户的选择动态地执行此操作。

请注意我只知道基本的javascript。

如果您想知道我为什么要这样做,那是因为第二个选择框将被发布到外部页面以从已填充的表中删除行。

感谢您的时间。

1 个答案:

答案 0 :(得分:4)

$.ajax({
  type: 'post',
  url: "ajax.php."
  data: { id:'your id here' } //your id is your select box selected id.
}).done(function() { 

});

在php方面:

$id = $_REQUEST['id']; 
$json = array();
$sql = mysql_query("select * from yourdb where id = $id");
while ($row = mysql_fetch_assoc($sql)) {
    $json[] = $row;
}
echo json_encode($json);

ajax ref:http://api.jquery.com/jQuery.ajax/

json ref:http://en.wikipedia.org/wiki/JSON