根据选中下拉框数据来查询出表格数据

最新推荐文章于 2023-07-06 09:34:47 发布
最新推荐文章于 2023-07-06 09:34:47 发布
阅读量1.5k 收藏 4
点赞数 1
分类专栏： 专题技术文献
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44561044/article/details/99225008
版权

开发工具与关键技术： VS,查询
作者：卢惠圳
撰写时间：2019年8月8日
有时候在做新增的时候会查询出下方明细表格数据但又不是直接查询而是根据某一条选中数据来进行查询的，这个时候就先将表格的样式先写好然后再将要用来作为根据的下拉框或者输入框（看个人需求）等等的样式写好，代码如下图：
在这里插入图片描述
这里用的是下拉框，先将下拉框的数据绑定好之后再写一个下拉框的改变事件，只要下拉款中的数据发生改变就会获取到下拉框的ID然后先进行判断获取到的ID是否为0如果为0则表格的URL为空，如果不为0则表格的URL不为空并且将获取到的ID传到控制器进行查询，代码如下图：
在这里插入图片描述
在这里插入图片描述
接下来就是控制器代码了，先获取到传过来的ID然后根据传过来的ID进行查询，然后查询出根据传输过来的ID查询出来的数据的总条数然后再进行分页，最后将数据回填到之前写好的表格样式里面，代码如下图：
在这里插入图片描述

雪夜如画
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
选择下拉框触发页面查询表格数据
weixin_44538873的博客
07-18 1231
开发工具与关键技术：vs asp.net mvc 作者：修 撰写时间：2019.7.16 选择下拉框就触发查询表格信息，这是用一个change事件来写的，写change事件之前要把页面全部给搭建好如图一： 图一 图一就是我搭建好的页面，而图一中的有红色圈给圈起来的下拉框就是用change事件来选择就查询表格数据的它的代码如下： $("#SendmedicineState")...
javascript xml为数据源的下拉框控件
10-29
这个对象用于加载XML文件并执行XPath查询来获取数据。 3. **下拉框控件**： 控件的核心是一个JavaScript构造函数`DropDownListx`，它接受两个参数：父元素（parent）和ID（id）。该构造函数负责初始化控件的属性，...
在select下拉列表中显示查询的数据
ribuluoywk的专栏
12-07 1433
请选择             你的数据所在的数组名，如arrayList">                 ">                         这是用s标签，也可以换成其他的，如C标签都行。这里只要id和username就行了！
下拉框查询数据
weixin_44554027的博客
05-28 776
开发工具与关键技术： 作者：郭海明 撰写时间：2019年 5月27 日 前面我们已经写好项目的下拉框绑定，只实现了经理的下拉框绑定和经理下拉框改变选择聚类类型。所以先在还要实现将数据库的这个筛选出来的聚类表里面的数据显示出来。要显示数据，就先在控制器里面写一个多表连接的查询方法。 首先我们创建一个方法，然后把参数放进去。LayuiTablePage layuiTablepage是layui t...
根据ComboBox下拉的值查询数据库表中的内容并显示在DataGridView中
浅尝辄止的博客
08-20 3503
根据ComboBox下拉的值查询数据库表中的内容并显示在DataGridView中 1、在form窗体中添加一个ComboBox和一个DataGridView控件 2、编辑ComboBox的值 3、执行查询语句并将结果给DataGridView的DataSource
下拉框数据多条件查询
qq_44538193的博客
05-06 2210
下拉框数据多条件查询 在我们做的项目的过程中我们往往是要面对众多的不同的数据，那么我们应该如何去处理这众多的数据，以及给用户好的用户体验呢？ 我们要想能够成为一名合格的程序员，那么我们就要懂得把众多的数据分类摆放整齐，井然有序的呈现在用户的面前，但光是有序的呈现出来还是不够的，我们还要能让用户如果想要搜索某条重要的数据时，要有...
vue+Element中table表格实现可编辑（select下拉框）
11-20
并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的下拉框数据也是根据id动态生成的，内容不同；有点类似于树形二级状态，后面的下拉框数据来源并没有在...
LABVIEW 表格中可输入颜色框_下拉框_选择框
05-29
而`LABVIEW 表格中可输入颜色框_下拉框_选择框`这个主题则聚焦于如何在表格（通常称为Custom Grid）中集成特定的UI元素，如颜色选择器、下拉菜单和复选框，以增强用户交互性和数据输入的灵活性。以下将详细阐述这些...
表格嵌套下拉框
03-22
在IT领域，尤其是在Web开发中，"表格嵌套下拉框"是一种常见的交互设计，它提高了用户在数据输入时的效率和便捷性。这个技术主要应用于网页或应用程序中的表格，使得用户可以通过点击单元格，展开一个下拉菜单，然后...
Excel中如何设置数据有效性通过下拉框选择数据.docx
09-26
Excel 是一个功能强大的电子表格处理软件，它提供了许多实用的功能来帮助用户快速和高效地处理数据。其中，设置数据有效性是 Excel 中的一个重要功能，它可以帮助用户限制输入数据的范围，避免错误的输入和提高数据...
Excel下拉列表与数据筛选
qq_43730719的博客
11-21 2457
标题在EXECL中建立下拉列表按钮 1、选定你要设置下拉列表的单元格 2、点"数据"->“有效性”->“设置” 3、在"允许"下面选择"序列" 4、在"来源"框中输入你的下拉列表内容，各项之间用半角逗号 隔开，如：是,否 选中"提供下拉前头"。 标题标题在EXECL中实用筛选
若依分离版使用笔记，动态获取数据作为下拉框
weixin_42488035的博客
07-06 1519
动态获取数据库里面的用户数据，作为下拉框数据。
前端自己实现下拉框以及列表查询（去重）
weixin_45333397的博客
04-18 1903
前端小功能，根据列表实现下拉框功能，不依靠后端实现查询列表功能！（*以及列表去重）
还在用vue写下拉框去数据库查 所困扰么
weixin_62356782的博客
04-26 342
学习前端vue+springBoot知识 实现下拉框去数据库查询数据给到下拉框 再传值到后端
关于vue的下拉框显示数据库的数据
qq_45130645的博客
04-30 6461
举个例子：新增二级类目的时候，选择一级类目。 实现：oneId，插入 <el-form-item label="一级分类名称" prop="oneName"> <el-select v-model="form.oneId" placeholder="请选择一级分类名称"> <el-option v-for="item in categoryOptions"
解决下拉框选择后，却显示真实值问题
王世洪的博客
01-17 2026
在日常报表开发中，经常会应用到下拉框控件；在下拉框应用到真实值和显示值的时候，当我们在下拉框控件选值，移出鼠标之后，下拉框内容会显示为真实值，这会影响用户的使用体验感，也会导致后台数据泄露，这时候，我们只需要读下拉框控件进行一些形态设置，就可以解决问题。 1、控件数据字典设置： 下拉框数据集如图，其中，c_region_name为显示值，c_region_id为实际值 2、控件单元格设置...
根据点击 select 下拉列表 显示对应的值，全选、反选 功能实例
weixin_41883384的博客
08-06 1217
1.点击类型里面的某一个值， 2.显示 下面对应的明细 3.点击全选 ，选择所有，如果是全选，就取消全选 4.在全选的状态下，点击去掉 后面某一个选中的值，，全选按钮变为不选的状态 5.点击搜索按钮，把所有选中的值传给后台 代码如下： <select name="type" id="type" class="form-control" onchange="selectOnchang(this)"> ...
怎样从下拉列表框中取值
Ingenuus的专栏
12-10 2152
表单form1中有一个下拉列表框"sex",如何获取下拉列表框中显示的值?  男  女如果我选择的是"男"，如何获取"男"这个值，而不是获取值"0"另外获取值的代码是些在客户端的 答案如下：  男  女var sex;sex=form1.sex.value;document.write(sex);转自网络但要从Servlet中获取，则需用 request.getParameter(
easyui combobox实现下拉框获取后端数据并多选和取值，实现textbox的隐藏框
weixin_42681866的博客
04-20 2334
前文   需求是在进入表单时，展示下拉框数据，数据从后端获取，并支持多选，最后再提交表单把数据传回给后端。虽然combobox可以支持用url请求后端，但因为form包含多个下拉框，不可能每个都自己去请求，所以直接通过ajax统一获取，至于多选则通过增加multi属性即可，最后通过getvalues获取键值提交即可。接下来会细说。 ajax实现combobox获取后端数据   前端代码如下： &l...
layui数据表格使用相下拉框
最新发布
02-01
在layui数据表格中使用下拉框，可以通过两种方式实现：一种是使用表格的编辑功能，另一种是使用自定义列模板。 1. 使用表格的编辑功能： - 首先，在表格的列定义中，设置需要使用下拉框的列的edit属性为"text"，表示该列可编辑。 - 然后，在表格的数据中，为需要使用下拉框的列设置一个lay-verify属性，用于校验输入的值。 - 最后，在表格的渲染时，调用form.render()方法，使下拉框生效。 2. 使用自定义列模板： - 首先，在表格的列定义中，设置需要使用下拉框的列的templet属性为一个函数，用于自定义列的显示内容。 - 在该函数中，可以通过返回一个HTML字符串来定义下拉框的HTML结构，并绑定相应的事件处理函数。 - 最后，在表格的渲染时，调用form.render()方法，使下拉框生效。 下面是一个示例代码，演示了如何在layui数据表格中使用下拉框： ```javascript // HTML部分 <table id="demo" lay-filter="test"></table> // JavaScript部分 layui.use(['table', 'form'], function(){ var table = layui.table; var form = layui.form; // 渲染表格 table.render({ elem: '#demo', url: '/api/data', cols: [[ {field: 'id', title: 'ID', width: 80}, {field: 'name', title: '姓名', edit: 'text'}, {field: 'gender', title: '性别', templet: '#genderTpl'} ]], page: true }); // 自定义列模板 var genderTpl = function(d){ var options = '<option value="男">男</option><option value="女">女</option>'; return '<select lay-filter="gender" lay-verify="required">' + options + '</select>'; }; // 将模板注册到layui的模板引擎中 layui.laytpl(genderTpl).render({}, function(html){ $('#genderTpl').html(html); }); // 监听下拉框的change事件 form.on('select(gender)', function(data){ console.log(data.value); // 获取选中的值 }); // 渲染表单 form.render(); }); ``` 在上述示例中，通过设置edit属性为"text"，实现了姓名列的编辑功能；通过设置templet属性为一个函数，实现了性别列的自定义列模板。同时，通过监听下拉框的change事件，可以获取选中的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值