<div class="layui-form-item"> <label class="layui-form-label">项目名称</label> <div class="layui-input-block"> <select name="projectName" lay-search> <option value="">请选择项目</option> </select> </div> </div> 帮我用这个路径/bisProject/getAllProjectNames显示出来下拉框的数据
时间: 2023-12-14 12:37:08 浏览: 111
layui的布局和表格的渲染以及动态生成表格的方法
你可以通过 AJAX 请求获取 `/bisProject/getAllProjectNames` 接口返回的数据,然后将数据动态添加到下拉框中。以下是一个简单的示例代码:
```html
<div class="layui-form-item">
<label class="layui-form-label">项目名称</label>
<div class="layui-input-block">
<select name="projectName" lay-search>
<option value="">请选择项目</option>
</select>
</div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
$.get('/bisProject/getAllProjectNames', function(res) {
if (res.code === 0) {
var optionsHtml = '';
res.data.forEach(function(projectName) {
optionsHtml += '<option value="' + projectName + '">' + projectName + '</option>';
});
$('select[name="projectName"]').append(optionsHtml);
} else {
console.error('获取项目名称失败:', res.msg);
}
});
});
</script>
```
请注意,上述代码使用了 jQuery 库,需要先引入该库。在实际使用中,你需要将 `/bisProject/getAllProjectNames` 替换为正确的接口路径,并且根据接口返回的数据格式修改 AJAX 请求和数据解析方式。
阅读全文