使用 Layui 模板引擎在页面中插入 JS

在 html 页面中经常有些 select 有很多的 option，而且都有规律的。比如身高、体重这些，如果一个一个写也太麻烦了，可以用到 layui 中的模板引擎。

官方文档：https://www.layui.com/doc/modules/laytpl.html

<div class="layui-inline">
    <label class="layui-form-label">体重</label>
    <div class="layui-input-inline">
        <script type="text/html" template>
        <select name="weight">
            <option value="">请选择</option>
            {{#  
                for (var i = 40; i < 100; i++) { }}
                    <option value="{{ i }}">{{ i }} kg</option>
                {{# }
            }}
        </select>
        </script>
    </div>
</div>
           

{{# switch(d.vip_type) {
    case 1: }}
    银卡
    {{# break;
    case 3: }}
    金卡
    {{# break;
    case 12: }}
    钻卡
    {{# break;
} }}
           

如果没有效果可能是渲染问题，重新渲染一次 form 表单即可。

form.render();