我使用了一个选择框来标识用户的年龄组。随着年龄组值的增加，我需要显示diffrent options

例如

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

如果用户选择第一个选项，我需要在另一个选择框中显示年龄组为1的'tbl_hobbies'（mysql表）的内容。

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

对于第二个选项(26-35)，我需要显示年龄层为2的'tbl_hobbies'内容

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

如何使用AJAX实现此功能，或者不使用AJAX是否可能实现此功能？

---

顺晟科技：

您可以简单地将所有选项放在一起，并根据用户的选择隐藏选项

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

首先，将id添加到年龄组

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

然后

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

在ajax.php中，您可以获得所有爱好，其中group_id=$_post['group_id']

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

nb:循环可能会根据检索数据的方法而改变

可以这样使用

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

和jquery脚本如下所示

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

并且如果要通过Ajax

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

您所需要的称为“动态相关下拉菜单”。您可以查看非常好的演示.

算法

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

示例

<select name="age_group">
    <option value="1">15-25</option>
    <option value="2">26-35</option>
    <option value="3">35-60</option>
    <option value="4">60 or above</option>
</select>

希望能有所帮助！！！