php中两个相互关联的下拉列表

Question

我有 2 个下拉列表，第一个下拉列表将被静态填充，其值不会改变

<select name="first_dropdown"  id="first_dropdown" class="first_dropdown">  
  <option value="facility">facility</option>
  <option value="course">course</option>
  <option value="course">treatment</option>
</select>

现在我有 3 张桌子 1)facility_for_office 2)course_for_office 3)treatment_for_office

Facility_for_office

id  officefacilityid  officeid
1        F1             O1
2        F2             O2

course_for_office

id  officecourseid  officeid
1      C1             O2
2      C2             O3

treatment_for_office

 id  officetreatmentid  officeid
    1       T1              O1
    2       T2              O3

我希望如果用户从第一个下拉列表中选择设施，那么第二个下拉列表应该显示 facility_for_office 表的列表，如果他选择了 course，那么应该显示 course_for_office 的数据，如果选择了治疗，则第二个下拉列表-down list 应该显示来自treatment_for_office 表的数据，如果没有选择，第二个下拉列表应该被禁用。我尝试为它找到 jquery，但找不到任何合适的。谁能告诉我怎么做

Answer 1

这是制作级联下拉菜单的方法......

http://www.infotuts.com/cascaded-dropdown-jquery-ajax-php/

Answer 2

您需要为此使用 AJAX。看看下面的教程：

http://www.webdevdoor.com/javascript-ajax/dynamic-select-list-jquery-php/

Answer 3

您需要使用 Ajax 来获得所需的结果。您需要使用 js 获取第一个下拉列表的值，然后使用 Ajax 将值提交到 PHP 页面或函数，其响应将是所需的带有 json 格式值的选择框。 this on success 将用于替换 div，我们需要在其中显示选择框。

 $(document).on('click','#edit_memberships',function() {

        var data = $('#first_dropdown').val();
        $.ajax({
            url: "/your controller/ Page location",
            type: "post",
            data:data,
            success: function(response){
                if(response.status=='success'){
                        $('#ajax_div').html(data.data.html);
                }
            }
        }); 
});

在上面的代码中#ajax_div是我们需要选择框的div的id。

在上面的代码中，您当前选择框的值作为数据传递，您将能够以$_POST['data'] 接收它；一旦你在 PHP 中得到这个值，你就可以使用一个简单的 if 循环来选择你想要使用的表

if($_Post['data']=='facility'){ 
fetch data from Facility_for_office 
} elseif($_POST['data']=='course'){
 fetch data from course_for_office
}else{
fetch data from treatment_for_office
}

创建选择并执行Json Encode 值并将其返回给您的函数。这就是你所要做的一切来获得你正在寻找的结果。