<div class="input" style="margin-top: 10px"> <input id="ididid" name="0" placeholder="请输入想找的宝贝" type="text"> <a href="/goodsdetails/{{ }}/"> <img src="/static/1_061.png"> </a> </div>如何在{{}}中使用提取到的字符串
时间: 2023-06-19 13:10:46 浏览: 30
您可以使用模板语言中的变量来替换 `{{}}` 中的字符串。假设您已经将需要提取的字符串存储在名为 `good_id` 的变量中,您可以这样编写代码:
```
<div class="input" style="margin-top: 10px">
<input id="ididid" name="0" placeholder="请输入想找的宝贝" type="text">
<a href="/goodsdetails/{{ good_id }}/">
<img src="/static/1_061.png">
</a>
</div>
```
这将在 `href` 属性中使用 `good_id` 变量的值。
相关问题
<body> <style> .demo-login-container{width: 320px; margin: 21px auto 0; margin-top: 10%} </style> <form class="layui-form" > <div class="demo-login-container"> <div class="layui-form-item"> <div class="layui-input-wrap"> <div class="layui-input-prefix"> <i class="layui-icon layui-icon-username"></i> </div> <input type="text" name="username" value="" lay-verify="required" placeholder="用户名" lay-reqtext="请填写用户名" autocomplete="off" class="layui-input" lay-affix="clear"> </div> </div> <div class="layui-form-item"> <div class="layui-input-wrap"> <div class="layui-input-prefix"> <i class="layui-icon layui-icon-password"></i> </div> <input type="password" name="password" value="" lay-verify="required" placeholder="密 码" lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye"> </div> </div> <div class="layui-form-item"> <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">登录</button> </div> </div> </form> <!-- 请勿在项目正式环境中引用该 layui.js 地址 --> <script> layui.use(function(){ var form = layui.form; var layer = layui.layer; // 提交事件 form.on('submit(demo-login)', function(data){ var field = data.field; // 获取表单字段值 // 显示填写结果,仅作演示用 layer.alert(JSON.stringify(field), { title: '当前填写的字段值' }); // 此处可执行 Ajax 等操作 // … return false; // 阻止默认 form 跳转 }); }); </script> </body>在上面的代码中需要添加一行文字:高压氧和一张自定义的图片A
<body> <style> .demo-login-container{width: 320px; margin: 21px auto 0; margin-top: 10%} </style> <form class="layui-form" > <div class="demo-login-container"> <div class="layui-form-item"> <div class="layui-input-wrap"> <div class="layui-input-prefix"> <i class="layui-icon layui-icon-username"></i> </div> <input type="text" name="username" value="" lay-verify="required" placeholder="用户名" lay-reqtext="请填写用户名" autocomplete="off" class="layui-input" lay-affix="clear"> </div> </div> <div class="layui-form-item"> <div class="layui-input-wrap"> <div class="layui-input-prefix"> <i class="layui-icon layui-icon-password"></i> </div> <input type="password" name="password" value="" lay-verify="required" placeholder="密 码" lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye"> </div> </div> <div class="layui-form-item"> <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">登录</button> </div> </div> <p>高压氧</p> <!-- 添加高压氧文字 --> <img src="https://example.com/custom-image.jpg"> <!-- 添加自定义图片 --> </form> <!-- 请勿在项目正式环境中引用该 layui.js 地址 --> <script> layui.use(function(){ var form = layui.form; var layer = layui.layer; // 提交事件 form.on('submit(demo-login)', function(data){ var field = data.field; // 获取表单字段值 // 显示填写结果,仅作演示用 layer.alert(JSON.stringify(field), { title: '当前填写的字段值' }); // 此处可执行 Ajax 等操作 // … return false; // 阻止默认 form 跳转 }); }); </script> </body>
<div class="modal hide fade" id="xuanzhe" style="margin-top:10px;"> <div class="span5" style="width:98%;height:480px; overflow-x:auto;"> <div class="row-fluid"> <div class="span8"> <label class="labelroomnumber">房间号:</label> <input id="txtnameid" name="txtname" class="textone" style="width:60%; border-radius:0px; border-top-left-radius:4px; border-bottom-left-radius:4px;height:27px;" type="text" placeholder="请输入关键字" value="${txtname}"> <div class="input-append"> <button onclick="selectRoom()" class="btn-success textone" style="margin-left:-4px;height:27px;"><li class="icon-search icon-white"></li>搜索</button> </div> </div> <div class="span4"> <button data-dismiss="modal" class="btn btn-info btn-small textone" type="button" onclick="changroomConfirmfunction()"><li class="icon-plus icon-white"></li>确定选择</button> </div> </div> <div class="dgvone" style="width:93%; margin-top:10px;"> <table class="table table-condensed table-bordered table-striped" id="tableid"> <thead class="theadone"> <tr> <th >选择</th> <th >房间号</th> <th >客房等级</th> <th >房态</th> <th >床位数</th> <th >标准客房/天</th> </tr> </thead> <tbody id="tbody"> <c:forEach items="" var="item"> <tr> <td><input type="radio" name="id" value="${item.id}"></td> <td>${item.roomNumber}</td> <td>${item.guestRoomLevelName}</td> <td>${item.roomName}</td> <td>${item.roomAmount}</td> <td>¥${item.standardPriceDay}</td> </tr> </c:forEach> </tbody> </table> </div>解释jsp代码
这段代码定义了一个模态框,用于在页面中弹出一个搜索房间的窗口。模态框的class为"modal hide fade",表示它是一个隐藏的、渐变消失的模态框。它的id为"xuanzhe",用于其他代码中引用该模态框。
模态框中包含一个表单,用于输入关键字搜索房间。表单中有一个class为"row-fluid"的div,它被分成两个部分,左边是一个占据8/12宽度的div,右边是一个占据4/12宽度的div。左边的div中有一个class为"labelroomnumber"的标签,用于显示"房间号"文本,下面有一个输入框,id为"txtnameid",用于输入关键字进行搜索,输入框的初始值为"${txtname}"。右边的div中有一个按钮,用于确定选择搜索出来的房间,按钮的class为"btn btn-info btn-small textone",点击后会执行"changroomConfirmfunction()"函数。
模态框中还有一个表格,用于展示房间搜索结果。表格的class为"table table-condensed table-bordered table-striped",表示它是一个紧凑、带边框、带斑马线的表格。表格中有一个thead和一个tbody,thead中有一个tr,用于显示表格标题,包括"选择"、"房间号"、"客房等级"、"房态"、"床位数"、"标准客房/天"六列。tbody中使用JSTL的<c:forEach>标签来遍历房间搜索结果,其中每个搜索结果都是一个<tr>,包括一个单选框、房间号、客房等级、房态、床位数、标准客房价格等信息。