基于thinkphp5的简单的下拉菜单二级联动

最新推荐文章于 2021-03-27 23:51:46 发布

gezipml

最新推荐文章于 2021-03-27 23:51:46 发布

阅读量4.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： php 二级联动

本文链接：https://blog.youkuaiyun.com/gezipml/article/details/80631297

本文展示了如何在ThinkPHP5框架中创建二级联动的下拉菜单，通过模板和JavaScript实现数据交互，帮助开发者理解如何在PHP项目中处理这种常见的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，上代码

模板：

<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:"ur