从数据库动态添加数据到下拉框(select)中

这篇博客介绍了如何通过控制器获取数据库中的Book类型列表,然后利用JS(jQuery)将这些数据动态添加到HTML的select下拉框中。在Java后端,使用@RequestMapping处理请求并返回JSON数据。在前端,通过$.post发送异步请求,解析响应的JSON数据,并遍历填充到<select>元素中。

在controller中:

@RequestMapping("/type")
public String getType(HttpServletRequest req, HttpServletResponse rsp)
throws IOException {
req.setCharacterEncoding("utf-8");
rsp.setCharacterEncoding("utf-8");
System.out.println("进入gettype......");
List<Book> listType = libraryService.getBookType();
PrintWriter out=rsp.getWriter();
out.print(JSON.toJSONString(listType));
return null;
}

页面上:

<select id="sel_menu3" ></select>


js函数:

function cc(){
 $.post("<%=path%>/home/type",

假设你的 Django 项目中有一个名为 `models.py` 的文件,其中定义了一个 `Item` 模型,它有一个 `name` 字段用于存储物品名称。现在,你想要从数据库中获取所有物品名称,并将它们输出到一个下拉框中,以供用户选择。 首先,你需要在 `views.py` 中定义一个视图函数,用于将物品名称传递给模板。这可以通过以下方式完成: ```python from django.shortcuts import render from .models import Item def item_list(request): items = Item.objects.all().values_list('name', flat=True) return render(request, 'item_list.html', {'items': items}) ``` 在上面的代码中,我们使用 `Item.objects.all()` 获取所有物品,然后使用 `values_list()` 方法将它们的名称转换为一个列表。最后,我们将这个列表传递给模板,以便在模板中使用。 接下来,你需要在 `item_list.html` 模板中编写 HTML 代码,以显示一个下拉框并将物品名称填充到其中。这可以通过以下方式完成: ```html <select> {% for item in items %} <option value="{{ item }}">{{ item }}</option> {% endfor %} </select> ``` 在上面的代码中,我们使用 `for` 循环迭代 `items` 列表,并将每个物品名称填充到一个 `<option>` 元素中。`value` 属性和元素的文本内容都设置为物品名称本身。 最后,你需要将这个视图函数添加到 `urls.py` 文件中,并将它与一个 URL 绑定。这可以通过以下方式完成: ```python from django.urls import path from .views import item_list urlpatterns = [ path('items/', item_list, name='item_list'), ] ``` 在上面的代码中,我们定义了一个名为 `item_list` 的视图函数,并将它与一个名为 `item_list` 的 URL 绑定。现在,当用户访问 `/items/` URL 时,将显示一个下拉框,其中包含所有物品名称。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值