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

话不多说，上代码

模板：

<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);}})

基于thinkphp5的简单的下拉菜单二级联动相关推荐

html5折叠卡片,基于HTML5折叠卡片式下拉菜单代码
基于HTML5折叠卡片式下拉菜单代码.这是一款基于jQuery+CSS3+HTML5实现的下拉列表框特效代码.效果图如下: 实现的代码. hmtl代码: 爱编程爱编程 jQuery特效 CSS3特效 ...
jquery实现简单的下拉菜单
本文用简单的几行jquery代码实现简单的下拉菜单效果看效果 html <ul><li>主题市场<ul><li>运动派<ul><li ...
addoption php,无忧建站-ajax+php无刷新二级联动下拉菜单(省市联动)源码
/** * ajax无刷新二级联动下拉菜单(省市联动) * * @author arcow * @version 1.0 * @lastupdate 2005-12-29 * */ ...
几张表格怎么联动_如何实现多张excel表格数据联动-Excel 如何实现多级下拉菜单的联动...
Excel 如何实现多级下拉菜单的联动 excel中份表格实现数据同步的步骤如下: 首先打开计算机,在计算机桌面找到excel软件标左键双击excel的快捷方式以打开软件.然后打开需要进行数据同步的表 ...
select下拉框二级联动
采用Layui框架两种方法实现,差别不大一.编写jsp代码二.编写后台代码(方法一) 2.1 工具类 2.2 dao层 2.3 编写对应xml 2.4 service层 2.5 serviceI ...
vue下拉el-select二级联动
vue下拉el-select二级联动 <el-selectv-model="departmentid"placeholder="请选择部门"@change ...
[LayUI]下拉框二级联动
下拉框二级联动在某些应用场景我们需要用到下拉选择框联动情形. HTML: <label class="layui-form-label">公司</label&g ...
简单jquery下拉菜单流畅版
时间总是不轻易间的溜走,想做的事情还有好多,回想起来还有好多没实现,纠结,头大. 本来说好昨天写的,忙公司项目琐事,耽误了,都过凌点,想写点什么,一下子又不晓得该写什么好. 还是继续整点jquery实 ...
js实现简单的下拉菜单列表
下拉菜单效果图: 基本代码如下: <!DOCTYPE html> <html><head><meta charset=</

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

基于thinkphp5的简单的下拉菜单二级联动相关推荐

最新文章

热门文章