<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 16:37:05 浏览: 72
你需要使用 Ajax 请求获取 `/bisProject/getAllProjectNames` 的数据,然后将数据填充到下拉框中。可以使用 jQuery 的 `$.ajax()` 函数来实现。
以下是一个示例代码:
```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.5.1/jquery.min.js"></script>
<script>
$(function() {
$.ajax({
url: '/bisProject/getAllProjectNames',
type: 'GET',
dataType: 'json',
success: function(result) {
if (result.code === 0) {
// 清空下拉框
$('select[name="projectName"]').empty();
// 添加选项
$.each(result.data, function(index, item) {
$('select[name="projectName"]').append('<option value="' + item + '">' + item + '</option>');
});
// 重新渲染下拉框
layui.form.render('select');
} else {
layer.msg(result.msg, {icon: 2});
}
},
error: function() {
layer.msg('请求失败', {icon: 2});
}
});
});
</script>
```
这段代码会在页面加载完成后,使用 Ajax 请求 `/bisProject/getAllProjectNames` 接口获取数据,如果请求成功,就将数据填充到下拉框中,并重新渲染一下下拉框。注意需要引入 jQuery 库和 layui 框架。
阅读全文