话不多说，上代码
模板：
<select name="course_class" class="level1"> <option value="">请选择课程分类</option> {foreach $course_class as $k=>$v} <option value="{$v['id']}" {if $v['id']==$data['course_class_id']}selected{/if}>{$v['classname']}</option> {/foreach} </select> <select id="course" name="course"> <option value="">请选择课程</option> {if $course_list} {foreach $course_list as $kk=>$vv} <option value="{$vv['id']}" {if $vv['id']==$data['courseid']}selected{/if}>{$vv['title']}</option> {/foreach} {/if} </select>js：
$(".level1").change(function(){ console.log($(this).val()); var classid = $(this).val(); var html='<option value="">请选择课程</option>'; if(classid){ $.ajax({ url:"url", type:"POST", data:{ id:classid }, success:function(res){ console.log(res); var data = res.data; if(res.code==1){ for(var i=0;i<data.length;i++){ html+='<option value="'+data[i].id+'">'+data[i].title+'</option>' } } $("#course").html(html); }, error:function(e){ console.log('请求失败'); } }) }else{ $("#course").html(html); } })