? 最近項目中用到關于layui的前端技術，在使用layui 渲染select? option下拉復選框時出現了沒有值渲染的問題，還有使用layui日期的過程 ，接下來就一起看看吧。

/** *從后臺渲染字段民族數據/ <div class="layui-inline"><label class="layui-form-label"><span style="color: red;">*</span>民族</label><div class="layui-input-inline"><select name="nation" id="nation" lay-verify="required" lay-search=""></select></div> </div> <input type="hidden" id="mzxz" value="${caseBean.nation}" />//設置一個隱藏的input框 function getNation() {var temps = $("#mzxz").val();//對應民族input的值$.ajax({id: getNation,type: "post",url: '<%=basePath%>case/getNationValues.do',dataType : 'json',success: function (data) {if (data != null) {for(var i=0;i<data.length;i++) {if(temps==data[i].type) {$("#nation").append('<option value="' + data[i].type + '" selected>' + data[i].name + '</option>');//此處將后臺等到的數據拼接到對應id為nation的復選select標簽下，這樣得到后臺民族字典項的數據}else {$("#nation").append('<option value="' + data[i].type +'">' + data[i].name + '</option>');}}}layui.form.render("select");//layui表單需要再次渲染select標簽元素},}); }

以上數據渲染完了發現沒有出來，后經發現layui規定在渲染select需要再次用

element元素渲染

在使用layui的laydate時需要引入一下文件 <link rel="stylesheet" href="../../js/layui/css/layui.css"/> <link rel="stylesheet" href="../../laydate/theme/default/laydate.css"/> <script src="<%=basePath%>/js/layui/layui.js"></script> <script src="<%=basePath%>/laydate/laydate.js"></script> $(function () {layui.use(["jquery", "upload", 'form', 'element', 'laydate', 'layer'], function () {laydate.render({elem: '#birthday'//獲取日期標簽元素, type: 'date'//日期格式類型（yyyy-MM-dd）, done: function (value, date, endDate) {} }); form.render();//layui表單再次渲染 });

總結

以上是生活随笔為你收集整理的layui 渲染select下拉选项 ，日期控件的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。