级联效果

思路:

要根据第一个下拉列表的变化,让第二个下拉列表显示和第一个列表对应的内容,最简单的方法就是展示第一个下拉列表中的所有,在select中写入onchange事件,通过ajax把选取到的值传到后端,因为是对应显示,所以第二个下拉框内容一定和第一个的值有关系,在后端根据传过来的值查找第二个下拉框要显示的内容,拼接好选框课内容,返回给前端,在ajax函数中替换第二个下拉框中的内容。大概思路就是这样。

function onchange(obj) {
   $.post('select_cata',{cata_id:$(obj).val()},function (res) {
           $('[name=cla_id_id]').html(res);
         })
      }
     $res_str = "<option value = ''>请选择...</option>";
        foreach ($res as $v){
            $res_str .="<option value='".$v->id."'>".$v->cla_name."</option>";
        }
        echo $res_str;//返回拼接好的结果给前端展示;

猜你喜欢

转载自blog.csdn.net/qq_40018938/article/details/80473489