ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Laravel+LaYui+JQuery向select下拉框添加数据

2021-01-21 09:04:32  阅读:130  来源: 互联网

标签:Laravel JQuery form opt1 store data 下拉框 select


HTML代码

<div class="layui-input-inline">
	<select name="store" lay-search="" lay-filter="store" id="store" >
		<option value="">请选择店铺</option>
		@foreach($store as $v)
			<option value="{{ $v->id }}" store_id="{{ $v->id }}">{{ $v->bh_name }}</option>
		@endforeach
	</select>
</div>

<div class="layui-form layui-input-inline" lay-filter="group">
	<select name="group" id="group">
		<option style='padding-top:3px;padding-bottom:3px' value="">请选择小组</option>
	</select>
</div>

JS代码

<script type="text/javascript">
	layui.use(['form'], function () {
		// 初始化表单
		var form = layui.form;
		// 下拉框触发器
		form.on('select(store)', function (data) {
			$.post("{{ url('/admin/client/ceshi') }}?store=" + data.value, {
				"_token": "{{ csrf_token() }}" // form表单必填项
			},
			function(data) {
				if(data){
					// 首先定义一个空值 
					var opt1 = '<option value=""></option>';
					// 循环将数据添加到下拉框
					for(i=0;i<data.length;i++){
						var opt1 = '<option value=""></option>';
						opt1+='<option value="'+data[i].id+'">'+data[i].bh_name+'</option>';
					}
					// 每次赋值前,先清空select框所有值
					$("#group").empty();
					// 向select框添加组装好的html
					$('#group').append(opt1);
					// Layui重新渲染select框
					form.render('select','group');
				}
			});
		});
	});
</script>

标签:Laravel,JQuery,form,opt1,store,data,下拉框,select
来源: https://blog.csdn.net/xuander666/article/details/112915543

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有