PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

自定义多选输入框,可以无限增加输入框

管理员 2024-12-14
Fastadmin
6

首先在index.html页面加入自定义按钮
image.png

<a href="javascript:;" class="btn btn-success btn-type2 btn-disabled disabled {:$auth->check('shop_user/type2')?'':'hide'}" title="改为类型一" ><i class="fa fa-pencil"></i>发放优惠券</a>

然后去JS进行该按钮的操作

  //批量发放优惠券            $(document).on("click", ".btn-type2", function () {                var data = table.bootstrapTable('getSelections');                var ids = [];                if (data.length === 0) {                    Toastr.error("请选择操作信息");                    return;                }                for (var i = 0; i < data.length; i++) {                    ids[i] = data[i]['id']                }                Layer.prompt({title: __('请填写优惠券信息(发放的优惠券默认全部分类可用)'),                    success: function (layero) {                        $("input", layero).prop("placeholder", "满足金额");                    }                    ,formType: 0,btn:['确定','取消'],}, function (value, index){                    if(value==''||$('#price').val()==''||$('#user').val()==''||$('#code').val()==''){                        layer.msg("内容不能为空");                                   return;                    }                    var price=$('#price').val();                     var  user =$('#user').val();                    var day=$('#day').val();                    layer.close(index);                    Layer.confirm(                        '确认选中的' + ids.length + '条发放优惠券吗?', {                            icon: 3,                            title: __('Warning'),                            offset: '40%',                            shadeClose: true                        },                        function (index) {                            Backend.api.ajax({                                url: "shop_user/type2",                                data: {                                    ids: ids,                                    total:value,                                    price:price,                                    name:user,                                    day:day                                }                            }, function (data, ret) {                                //成功的回调                                if (ret.code === 1) {                                    table.bootstrapTable('refresh');                                    Layer.close(index);                                } else {                                    Layer.close(index);                                    Toastr.error(ret.msg);                                }                            }, function (data, ret) { //失败的回调                                console.log(ret);                                // Toastr.error(ret.msg);                                Layer.close(index);                            });                        }                    );                })                //增加输入框                $(".layui-layer-content").append("<br/><input type='text' required='true' id='price' class='layui-layer-input' value='' placeholder='优化金额' >");                $(".layui-layer-content").append("<br/><input type='text'  required='true' id='user'class='layui-layer-input' value='' placeholder='卷名称' >");                $(".layui-layer-content").append("<br/><input type='text' required='true' id='day' class='layui-layer-input' value='' placeholder='有效天数' >");            });

最后去当前控制器增加业务代码

public function type2(){      $ids=input('ids/a');      $money=input('total');      $price=input('price');      $user=input('name');      $day=input('day');      $list=[];      $time=time();      foreach ($ids as $key=>$value){          $list[$key]['shop_user_id']=$value;          $list[$key]['total']=$money;          $list[$key]['price']=$price;          $list[$key]['name']=$user;          $list[$key]['day']=$day;          $list[$key]['date']=date('Y-m-d',strtotime($day.'day'));          $list[$key]['createtime']=$time;      }      db('shop_user_coupon')->insertAll($list);      $this->success('发放成功');  }

一个简单的多选输入框就可以了


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部