根据查询数据库数据进行添加复选框及内容

这篇博客介绍如何根据数据库查询结果动态添加HTML复选框和内容。通过在前端页面创建一个容器,并在后端控制器中执行简单查询,将数据库中的数据加载到这些复选框中,实现数据驱动的页面展示。
摘要由CSDN通过智能技术生成

根据查询数据库数据进行添加复选框及内容

根据题目大家听起来有点懵,其实呢?就是查询数据库的数据来添加复选框和内容,其实很简单的,就是在查询数据库数据库数据的时候,嵌套html代码就行了,来看一下效果图。
在这里插入图片描述
上面的小号,中号,大号及下面的颜色值都不是我手动一个一个的去写的,而是通过查询数据库的数据进行数据加载出来的,那么是如何做到的呢?来看一下吧!
以我上面的为例子:
我是怎样把数据库的数据一个个放到 在这里插入图片描述 像这样的框里面的呢?

步骤:1、首先我先在页面中放一个大的盒子来装着查询出来的数据;2、然后再在查询的时候找的那个盒子进行添加内容;3、再到所有的内容后面放着固定的值就是新增属性值(按个人的需求来,我的例子里面要新增属性值)。
流程:
1、 首先我先在页面中放一个大的盒子来装着查询出来的数据
这个id="Attr1"是要拿来装小号、中号、大号的值的。

2、然后再在查询的时候找的那个盒子进行添加内容 先定义一个全局的变量来接收添加的html, var attrValue_html1 = ""; 然后进行数据的查询,查询数据库的数据, jQuery:
$.post("selec
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值