php - 显示来自 mysql 表的动态选择输入

Question

我使用了一个选择框来识别用户的年龄组。根据年龄段的值，我需要显示不同的选项

例如。

<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="hobbies" id="hobbies">
    <option>watching movies</option>
    <option>playing computer games</option>
    <option>chatting</option>
</select>

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

<select name="hobbies" id="hobbies">
    <option>Cleaning Home</option>
    <option>Reading</option>
    <option>Travelling</option>
</select>

如何使用 AJAX 实现此目的，或者不使用 AJAX 是否可以实现此目的？

Answer 1

首先，添加一个id到年龄组

<select name="age_group" id="age_group">

然后

$( document ).ready(function() {
    $('#age_group').change(function(){
        $.ajax({
            type: "POST",
            url: "ajax.php",
            data: { group_id: $(this).val() },
            dataType: "html"
        })
        .done(function( msg ) {
            $('#hobbies').html(msg);
        });
    });
});

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

$sql = "SELECT name FROM tbl_hobbies WHERE group_id = ".$_POST['group_id'];
// Execute your query and put the result in a variable (example $result_query)
// Then loop it
foreach($result_query as $row) {
    echo '<option>'.$row['name'].'</option>';
}

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