TP5 foreach循环标签

最新推荐文章于 2023-03-13 02:03:30 发布

顾米楠

最新推荐文章于 2023-03-13 02:03:30 发布

阅读量2.6k

点赞数

分类专栏： thinkphp 文章标签： thinkphp

本文链接：https://blog.youkuaiyun.com/qq_38350907/article/details/118891850

版权

thinkphp 专栏收录该内容

35 篇文章

订阅专栏

这是一个关于使用PHP后端代码与前端模板引擎（如Layui和Chosen）来构建动态下拉菜单的选择服务类型的示例。代码展示了如何将后台定义的服务类型映射到前端的下拉选项，并在编辑或更新记录时根据已有信息预选服务类型。

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

荆轲刺秦王

后端代码：

public function index()
    {
        $searchType = [
            '1'=>'检测',
            '2'=>'检测+产品+检测',
            '3'=>'产品+检测'
        ];
        $this->assign( 'searchType', $searchType );
        return $this->fetch();
    }

如果想要输出这种简单数据，使用 volist 是不行的需要用到 foreach

<div class="layui-inline">
    <label class="layui-form-label">服务类型:</label>
    <div class="layui-input-block">
        <select name="type">
            <option value=" ">全部</option>
            {foreach name='searchType' item='value' }
            <option value="{$key}">{$value}</option>
            {/foreach}
        </select>
    </div>
</div>

上面是简版实际使用中新增和更新一般都写在一个页面所以：

{extend name="public/container"}
{block name="head_top"}
<link href="{__ADMIN_PATH}plug/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<link href="{__ADMIN_PATH}module/wechat/news/css/style.css" type="text/css" rel="stylesheet">
<link href="{__FRAME_PATH}css/plugins/chosen/chosen.css" rel="stylesheet">
<script type="text/javascript" src="{__ADMIN_PATH}plug/umeditor/third-party/jquery.min.js"></script>
<script type="text/javascript" src="{__ADMIN_PATH}plug/umeditor/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/umeditor/umeditor.js"></script>
<script src="{__ADMIN_PATH}frame/js/ajaxfileupload.js"></script>
<script src="{__ADMIN_PATH}plug/validate/jquery.validate.js"></script>
<script src="{__FRAME_PATH}js/plugins/chosen/chosen.jquery.js"></script>
<style>
    .chosen-select{
        width:100%;
    }
</style>
{/block}
{block name="content"}
<div class="row">
    <div class="col-sm-12 panel panel-default" >
        <div class="panel-body" style="padding: 30px">
            <form class="form-horizontal" id="signupForm" method="post">

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">用户昵称:</span>
                            <input placeholder="请输入用户昵称" name="nickname" class="layui-input layui-disabled" id="nickname" value="{$info.nickname}">
                            <input type="hidden"  id="id" value="{$info.id}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">商品名:</span>
                            <input placeholder="请输入商品名" name="store_name" class="layui-input layui-disabled" id="store_name" value="{$info.store_name}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">订单编号:</span>
                            <input placeholder="订单编号" name="order_id" class="layui-input layui-disabled" id="order_id" value="{$info.order_id}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">服务类型:</span>
                            <select data-placeholder="请选择服务类型" class="chosen-select" name="service_type">
                            <?php if(empty($info['service_type'])){?>
                                <option value="">请选择服务类型</option>
                                {foreach name='searchType' item='value' }
                                <option value="{$key}">{$value}</option>
                                {/foreach}
                            <?php }else{ ?>
                                {foreach name='searchType' item='value' }
                                {if condition="$info.service_type eq $key"}
                                <option value="{$key}" selected>{$value}</option>
                                {else/}
                                <option value="{$key}">{$value}</option>
                                {/if}
                                {/foreach}
                            <?php }?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">服务状态:</span>
                            <select data-placeholder="请选择服务状态" class="chosen-select" name="service_status">
                                <?php if(empty($info['service_status'])){?>
                                    <option value="">请选择服务状态</option>
                                    {foreach name='serviceStatus' item='value' }
                                    <option value="{$key}">{$value}</option>
                                    {/foreach}
                                <?php }else{ ?>
                                    {foreach name='serviceStatus' item='value' }
                                    {if condition="$info.service_status eq $key"}
                                    <option value="{$key}" selected>{$value}</option>
                                    {else/}
                                    <option value="{$key}">{$value}</option>
                                    {/if}
                                    {/foreach}
                                <?php }?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">支付状态:</span>
                            <select data-placeholder="请选择支付状态" class="chosen-select" name="pay_status">
                                <?php if(empty($info['pay_status'])){?>
                                    <option value="">请选择支付状态</option>
                                    {foreach name='payStatus' item='value' }
                                    <option value="{$key}">{$value}</option>
                                    {/foreach}
                                <?php }else{ ?>
                                    {foreach name='payStatus' item='value' }
                                    {if condition="$info.pay_status eq $key"}
                                    <option value="{$key}" selected>{$value}</option>
                                    {else/}
                                    <option value="{$key}">{$value}</option>
                                    {/if}
                                    {/foreach}
                                <?php }?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">订单状态:</span>
                            <select data-placeholder="请选择订单状态" class="chosen-select" name="order_status">
                                <?php if(empty($info['order_status'])){?>
                                    <option value="">请选择订单状态</option>
                                    {foreach name='orderStatus' item='value' }
                                    <option value="{$key}">{$value}</option>
                                    {/foreach}
                                <?php }else{ ?>
                                    {foreach name='orderStatus' item='value' }
                                    {if condition="$info.order_status eq $key"}
                                    <option value="{$key}" selected>{$value}</option>
                                    {else/}
                                    <option value="{$key}">{$value}</option>
                                    {/if}
                                    {/foreach}
                                <?php }?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">用户使用状态:</span>
                            <select data-placeholder="请选择用户使用状态" class="chosen-select" name="user_use_status">
                                <?php if(empty($info['user_use_status'])){?>
                                    <option value="">请选择用户使用状态</option>
                                    {foreach name='userUseStatus' item='value' }
                                    <option value="{$key}">{$value}</option>
                                    {/foreach}
                                <?php }else{ ?>
                                    {foreach name='userUseStatus' item='value' }
                                    {if condition="$info.user_use_status eq $key"}
                                    <option value="{$key}" selected>{$value}</option>
                                    {else/}
                                    <option value="{$key}">{$value}</option>
                                    {/if}
                                    {/foreach}
                                <?php }?>

                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <label style="color:#aaa">备注</label>
                        <textarea  id="mark" name="mark" class="layui-input" style="height:80px;resize:none;line-height:20px;color:#333;">{$info.mark}</textarea>
                    </div>
                </div>

                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-4 col-md-9">
                            <button type="button" class="btn btn-w-m btn-info save">保存</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}
{block name="script"}
<script>

    /**
     * 提交
     * */
    $('.save').on('click',function(){
        var list = {};
        list.id = $('#id').val();
        list.nickname = $('#nickname').val();
        list.store_name = $('#store_name').val();
        list.service_type = $('#service_type').val();
        list.cid = $('.chosen-select').val();

        var index = layList.layer.load(1, {
            shade: [0.5,'#fff']
        });

        $.ajax({
            url:"{:Url('edit')}",
            data:list,
            type:'post',
            dataType:'json',
            success:function(re){
                layer.close(index);
                if(re.code == 200){
                    layer.msg(re.msg, {icon: 1, time: 1600}, function(){
                        setTimeout(function(){parent.window.location.reload();},100);
                    });
                }else{
                    layer.msg(re.msg, {icon: 2, anim: 6, time: 1600});
                }
            },
            error:function () {
                layer.close(index);
            }
        })


    });
</script>
{/block}