首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何动态填充DataTables select菜单?

如何动态填充DataTables select菜单?
EN

Stack Overflow用户
提问于 2012-07-24 16:41:19
回答 1查看 2.9K关注 0票数 0

我有一个显示来自MySQL数据库的信息的DataTables表。我正在尝试创建下拉过滤器,<select>,就像使用here的过滤器一样。我知道服务器端表不能使用这个确切的示例,但我不确定如何更改它以使其与服务器端数据库表一起工作。

如何创建用来自表/数据库的信息填充的下拉菜单来过滤DataTables表?

编辑:服务器端使用PHP。我尝试用PHP查询数据库并创建一个单独的菜单,然后将JSON编码的信息发送到选择菜单中。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-24 17:25:49

好吧,我不知道如何用PHP实现这一点的细节(我知道这绝对是可能的),所以我会给你一个通用的rundown.You,稍后可以问我具体的细节,然后我会编辑我的答案。

首先,您必须拥有ajax源代码。

然后,您可以使用相同的函数(从服务器端)动态填充下拉菜单中的选项。这就是为什么

首先,您为空的<select id='id1'></select>编写html代码,然后您可以使用来自数据表的draw事件,您可以在该事件上发出ajax请求来填充dropdowns $(oTable).on("draw", function() { ... });。之后,当其中一个select选项发生变化时,您可以刷新表格和下拉列表。

这是回答你(模糊的)问题的最通用的方式。

这里有一些更多的资源:

刷新ajax数据:how can I trigger jquery datatables fnServerData to update a table via AJAX when I click a button?

如果你有更具体的问题,请告诉我。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11635482

复制
相关文章
【说站】Python PyQt菜单的动态填充
为了继续开发示例应用程序,假设您需要在_文件_下创建_打开最近的_子菜单,并动态填写最近打开的文件或文档。因此,需要操作以下步骤:
很酷的站长
2022/11/24
6260
javascript动态设置select下拉菜单字体大小
本章节分享一段极其简单的代码实例,它使用javascript实现了动态设置select下拉菜单字体大小的功能。
IT工作者
2021/12/28
1.5K0
ztree - 仿Select 下拉菜单
ztree - zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree
李郑
2019/12/04
1.8K0
Vue3 中如何加载动态菜单?
松哥最近正在录制 TienChin 项目视频~采用 Spring Boot+Vue3 技术栈,里边会涉及到各种好玩的技术,小伙伴们来和松哥一起做一个完成率超 90% 的项目,戳戳戳这里-->TienChin 项目配套视频来啦。 ---- 松哥之前写了两篇文章和大家分享了 TienChin 项目中的菜单数据问题,还没看过的小伙伴请戳这里: Vue 里,多级菜单要如何设计才显得专业? TienChin 项目动态菜单接口分析 这两篇文章主要是和大家说明了后端如何根据当前登录用户,动态生成一个菜单 JSON。 那么
江南一点雨
2022/07/20
2.2K0
Vue3 中如何加载动态菜单?
vue动态选择select
本文实例讲述了vue中动态select的使用方法。分享给大家供大家参考,具体如下:
kirin
2020/06/15
1.7K0
datatables,表格
官方文档:https://datatables.net/ var dttblTaskOrderOptions={ order: [5, 'desc'], ajax:{ url:"order/orderdelivery/search", type:"POST", data:function(data){ return JSON.stringify($.extend(data,dttblTaskOrderCondition)); }, dataType:"json", contentType:"applicat
windseek
2018/06/14
1.3K1
修改select下拉菜单样式(input下拉框select)
自带的select下拉菜单美观度实在不怎么样,并且不容易美化,当然我们可以模拟实现select下拉菜单,但是代码稍显复杂,不过也可以通过简单的CSS实现此效果,下面通过实例简单作一下介绍。
全栈程序员站长
2022/07/28
3.4K0
修改select下拉菜单样式(input下拉框select)
动态加载用户菜单
流程是用户登录后进入模块页面,点击不同的模块,进入菜单页面(模块不同,菜单内容也不同)
tianyawhl
2020/02/18
2.2K0
动态加载用户菜单
AdminLTE实现动态菜单
本篇内容基于上一篇AdminLTE实现局部刷新,在完成局部刷新后,不满足其左侧菜单栏的写死状态,希望后期能从数据库读取动态生成,故有了本篇尝试。
WindCoder
2018/09/19
4.7K0
AdminLTE实现动态菜单
Django 2.1.7 form处理select下拉菜单
在开发的过程,会有很多form表单需要select下拉菜单的枚举类设置,如果一个个在前端中写死是很不合理的。应该要在models数据模型设置的时候就直接配置好,然后前端直接读取枚举数据,然后在前端通过模板直接读取,或者json返回。 下面来写一个示例来看看。
Devops海洋的渔夫
2019/08/27
3.5K0
Django 2.1.7 form处理select下拉菜单
React 动态菜单-不限级递归菜单树
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159442.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/17
1.6K0
Element UI导航菜单(NavMenu),动态多级菜单实现
今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。
德顺
2020/12/28
15.2K0
Element UI导航菜单(NavMenu),动态多级菜单实现
今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。
德顺
2023/08/25
1.6K0
动态加载的树形菜单
在做到页面需要做到树形菜单,而且还是动态从数据库加载数据的,就是树形菜单的节点由数据库的数据来填充。
PHY_68
2020/09/16
3.1K0
动态加载的树形菜单
select动态绑定vue.js
<select v-model="selected"> <option v-for="option in options" v-bind:value="option.value"> {{ option.text }} </option> </select> <span>Selected: {{ selected }}</span>  只要保证data里面有个options,options里有value就行了。
ydymz
2018/09/10
6.3K0
datatables使用教程
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
suveng
2019/09/18
7.3K1
datatables使用教程
datatables pagehelper分页问题
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/100422.html原文链接:
全栈程序员站长
2021/05/19
7490
vue实现动态权限与菜单
相信很多的前端工作者都遇到过路由动态权限的需求,有些小伙伴一时之间也不知道该如何下手
前端小tips
2021/11/30
2.3K0
vue实现动态权限与菜单
InfoPath中repeationg section动态填充数据
项目后台使用的是基于InfoPath的后台管理系统。后台主要是生成CMS系统需要的XML文件,但是有的内容和其他的内容有关联。为了减少编辑人员的操作难度,所有相关的内容,都需要自定义开发InfoPat
八哥
2018/01/18
1.1K0
InfoPath中repeationg section动态填充数据
点击加载更多

相似问题

动态填充QML菜单

12

PHP -在动态填充的select下拉菜单上的pre select/save选项

21

动态填充DataTables.net DataTable JQuery插件

20

动态创建和填充select

41

jquery -如何动态填充dropdown/select/combobox?

31
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文