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

最新推荐文章于 2021-06-16 22:48:20 发布

包包包小姐

最新推荐文章于 2021-06-16 22:48:20 发布

阅读量5k

点赞数 2

分类专栏： Layui 文章标签： Layui Laytpl html

本文链接：https://blog.youkuaiyun.com/qq_41952224/article/details/88535945

版权

在 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>