基于类型选择的动态选项列表


Dynamic option list based on a choice of type

我所做的是我写的第一个3选择选项的选择基于一个数据库的内容,它看起来像这样:

<select name="job" >
<option value=""></option>
<?php $sql = "SELECT DISTINCT jobs FROM database order by jobs"; $result = mysql_query($sql); while($row = mysql_fetch_assoc($result)){echo '<option value="'.$row['jobs'].'">'.$row['jobs'].'</option>';}?>
</select>

数据库结构如下:

id------jobs-----stage---location
1--------1--------2-------africa
2--------1--------2--------america
3--------1--------3-------china
4--------2--------2--------india

我正试图使选择选项基于第一个选择选项例子:如果用户从job中选择1,则在另一个选项列表中根据1列出job的阶段,在第三个选项列表中根据阶段的第二个选项列表列出位置,如果是2或3。

我试图谷歌它,但所有我能找到列表与javascript和ajax非常复杂的查询,没有为我工作:/非常感谢!

For first select give class or id, then

<script>
$(document).on("change","#jobs",function () {
    var keyword = $(this).val();
        $.ajax({
            type: "POST",
            url: "search.php",
            data: "keyword=" + keyword,
            success: function (html) {
                $("id or class of second dropdown").html(html).show();
            }
        });        
});
</srcipt>