template/admin/tpl/tplajaxcouponlist.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<div class="coupon-list-item">
    <a href="javascript:;" class="remove-coupon">×</a>
    <div class="layui-inline mr0 mb0">
    	<select name="couponType[]" class="typeSelect w100" lay-filter="couponTypeSelect{$select_num|default=''}" required lay-verify="required">
	        <option value="">请选择分类</option>
	        <option value="1" {if isset($value['coupon_type']) && $value['coupon_type'] == 1}selected{/if}>购卡</option>
	        <option value="2" {if isset($value['coupon_type']) && $value['coupon_type'] == 2}selected{/if}>充值</option>
	        <option value="3" {if isset($value['coupon_type']) && $value['coupon_type'] == 3}selected{/if}>消费</option>
	    </select>
    </div>
    <div class="layui-inline mr0 mb0">
    	<select name="couponIdList[]" class="couponSelect w200 coupon_content{$select_num|default=''}" lay-filter="couponSelect{$select_num|default=''}" required lay-verify="required">
	        <option value="">请选择优惠券</option>
	        {if isset($value['coupon_status']) && $value['coupon_status'] == 2}<option value="{$value['coupon_id']}" selected>{$value['name']}</option>{/if}
	        {volist name="couponlist" id="val"}
		        {if isset($value['coupon_type']) && $val['type'] == $value['coupon_type']}
				<option value="{$val['id']}" {if isset($value['coupon_id']) && $value['coupon_id'] == $val['id']}selected{/if}>{$val['name']}</option>
		        {/if}
	        {/volist}
	    </select>
    </div>
    <div class="layui-inline mr5 mb0">
        <input class="layui-input w60" name="couponNumberList[]"  type="number" required lay-verify="required|number" value="{$value['coupon_num']}" min="1">
    </div>
    <span class="layui-unit">张</span>
    <script>
	layui.use(['laydate', 'form', 'element'], function() 
	{
	    var $ = layui.jquery,
	        form = layui.form,
	        element = layui.element;
	    //优惠券选择
	    form.on('select(couponTypeSelect{$select_num|default=''})', function(data)
	    {  
	        $(".coupon_content{$select_num|default=''} option").remove();//清除 
	        var type=data.value;         
	        $.post("{:url('/admin/Ajaxdata/getcoupondata')}",{coupon_type:type},function(data)
	        {
	            var data=JSON.parse(data); 
	            if(data)
	            {
	                $(".coupon_content{$select_num|default=''}").append("<option value=''>请选择</option>");

	                $.each(data,function(i,item){
	                    $(".coupon_content{$select_num|default=''}").append("<option value='"+item['id']+"'>"+item['name']+"</option>");
		            });

					form.render('select');
	            }
	            else if(data == null)
	            {
	                $(".coupon_content{$select_num|default=''} option").remove();
	                
					form.render('select');
	            }

	        });
	                           
	    });
	});