首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在CodeIgniter编辑页面中显示选中的多个下拉值

在CodeIgniter编辑页面中显示选中的多个下拉值,可以通过以下步骤实现:

  1. 在数据库中创建一个表,用于存储下拉选项的数据。表的结构可以包括一个唯一标识符字段(如id)和一个显示值字段(如name)。
  2. 在CodeIgniter中创建一个模型(Model),用于处理与数据库表的交互。在模型中,编写一个方法,用于获取下拉选项的数据并返回给控制器。
  3. 在控制器(Controller)中,调用模型中的方法,获取下拉选项的数据。将数据传递给视图(View)。
  4. 在视图中,使用CodeIgniter的表单辅助函数(form_dropdown)创建一个下拉列表,并设置multiple属性为true,以支持多选。将从控制器传递过来的下拉选项数据作为参数传递给表单辅助函数。
  5. 在编辑页面中,获取已选中的下拉值的数据。可以通过从数据库中获取已选中的数据,或者通过从表单提交的数据中获取已选中的值。
  6. 将已选中的下拉值与下拉列表中的选项进行比较,并在下拉列表中设置selected属性,以显示已选中的值。

以下是一个示例代码:

模型(Model):

代码语言:txt
复制
class Dropdown_model extends CI_Model {
    public function get_dropdown_options() {
        // 从数据库中获取下拉选项的数据
        $query = $this->db->get('dropdown_table');
        return $query->result_array();
    }
}

控制器(Controller):

代码语言:txt
复制
class Dropdown_controller extends CI_Controller {
    public function edit_page() {
        $this->load->model('dropdown_model');
        $data['dropdown_options'] = $this->dropdown_model->get_dropdown_options();
        // 获取已选中的下拉值的数据
        $data['selected_values'] = $this->get_selected_values(); // 自定义方法,用于获取已选中的值
        $this->load->view('edit_page', $data);
    }
}

视图(View):

代码语言:txt
复制
<form>
    <?php
    $selected_values = explode(',', $selected_values); // 将已选中的值转换为数组
    echo form_dropdown('dropdown', $dropdown_options, $selected_values, 'multiple');
    ?>
</form>

在上述示例代码中,模型(Model)负责从数据库中获取下拉选项的数据,控制器(Controller)负责调用模型中的方法,并将数据传递给视图(View)。视图使用CodeIgniter的表单辅助函数(form_dropdown)创建一个下拉列表,并将从控制器传递过来的下拉选项数据作为参数传递给表单辅助函数。在视图中,通过将已选中的值与下拉列表中的选项进行比较,并设置selected属性,来显示已选中的值。

请注意,上述示例代码中的数据库表、模型、控制器和视图的命名仅供参考,您可以根据实际情况进行调整。另外,您还可以根据需要添加表单提交和数据更新的逻辑。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

高级可视化 | Banber筛选交互功能详解

说明: 【参数类型】必须要与数据表作为条件字段类型匹配,如数据表地区是文本类型,那么参数类型必须选择参数类型为:文本 【默认】为图表初始要展示条件,如果默认为空,则图表显示为所有数据,设置默认为华南...,则图表显示是华南地区数据,若默认为空,则图表显示是所有地区数据 3 设置筛选条件 拖拽一个所需图表到编辑区域,选中图表,点击编辑数据。...说明: 【显示名称】为下拉选择时显示条件名称 【返回】为下拉选择条件对应,此必须与数据表字段一致 点击条件筛选里部门下拉箭头,在选择条件,勾选需要数据。 ?...在参数条件弹出框,分别填写:参数名(此处可随意填写),参数类型选择文本,默认(将刚复制链接粘贴到此处)。 ? 拖拽对象组件“网页”到另一空白页面/简报,选中“网页”对象组件,点击编辑数据。...现在就需要添加筛选组件了,以筛选组件“横向导航”为例,选中“横向导航”筛选组件,点击编辑数据。 ? 在弹出框,分别填写:名称(需要几个切换类目,填写几个名称),返回(在嵌入页面复制链接)。

2.2K20

高级可视化 | Banber搜索功能详解

2 设置参数条件 进入编辑页面,点击图表-->自定义参数条件-->新建参数。...image.png image.png 在弹出框,分别填写:参数名(用来进行筛选参数,地区、姓名、部门等),参数类型(可选择文本、数值、日期),默认(图表初始要展示条件,华南-对应地区...image.png 说明: 【参数类型】必须要与数据表作为条件字段类型匹配,如数据表地区是文本类型,那么参数类型必须选择参数类型为:文本 【默认】为图表初始要展示条件,如果默认为空,则图表显示为所有数据...,设置默认为华南,则图表显示是华南地区数据,若默认为空,则图表显示是所有地区数据 3 设置筛选条件 拖拽一个所需图表到编辑区域,选中图表,点击编辑数据。...image.png 说明: 【显示名称】为下拉选择时显示条件名称 【返回】为下拉选择条件对应,此必须与数据表字段一致 点击条件筛选里部门下拉箭头,在选择条件,勾选需要数据。

1.6K30

高级可视化 | Banber图表弹窗联动交互

在弹出框,分别填写:参数名(用来进行筛选参数,地区、姓名、部门等),参数类型(可选择文本、数值、日期),默认(图表初始要展示条件,华南-对应地区、张三-对应姓名、销售1部-对应部门等)。...说明: 【参数类型】必须要与数据表作为条件字段类型匹配,如数据表地区是文本类型,那么参数类型必须选择参数类型为:文本 【默认】为图表初始要展示条件,如果默认为空,则图表显示为所有数据,设置默认为华南...,则图表显示是华南地区数据,若默认为空,则图表显示是所有地区数据 3 制作弹窗图表 点击“添加页面”,新添加一个页面,并进行重命名,这里我们设置为“产品类别”。...点击城市下拉箭头-->筛选条件-->参数条件:T[城市]重庆,绑定参数条件。 ? 4 设置图表联动 回到之前页面选中城市图表,点击右侧-->动作-->添加事件。 ?...选中圆环图,点击右侧格式,可开启图例,并对圆环图进行美化调整。 ? 最后点击分享按钮,预览效果。 ? 温馨提示: 在编辑页面是无法查看效果

1.5K20

图表组件常见设置

简单排序实现方法:点击字段下拉按钮,选择排序方式(无序,升序,降序,如图5所示),这里排序实现机制是根据字段数据类型而定,字段是数值型,就根据数值大小排序,字段是字符串型,就根据首字母排序。...[1504579494833_5326_1504579493342.png] 图8 4)最后在topN对应文本框输入需要展示N,如果需要topN以外数据显示为“其他”展示在图表,则勾选TopN...第三个下拉列表中选中过滤条件限制操作(如图11所示),这里操作跟excel常见筛选条件是一样。...这两个需求都是可以实现,具体操作如下: 1)固定工具栏 产品为了在查看报告时更好效果,默认隐藏工具栏,当鼠标点到页面上方时展示,让工具栏固定设置方法:在编辑报告处,页面空白处右击,选择属性,在选项中将...[1504581269281_2688_1504581268027.png] 图13 2)取消工具栏 在查看报告时不显示工具栏,设置方法:在编辑报告处,页面空白处右击,选择属性,在操作处将查看时操作清空

2.2K10

select2 使用教程(简)「建议收藏」

我们在整个框架里面,用到了很多Select2控件来处理内容显示,包括单选下拉列表(包括级联选择框)、复选下拉列表、树形下拉列表等方式,界面效果如下所示。...2)编辑界面下多项选择下拉列表 但我们选择其中内容时候,系统自动显示出没有选择列表数据,非常直观友好,如下所示。...3)树形列表下拉列表 有时候,我们一些数据可能有层次关系所属机构、上层列表等等。...4)select2控件赋值处理 上面介绍方法,都是介绍select2控件初始化,绑定相关数据,那么如果初始化界面后,我们绑定编辑界面的时候,就需要赋值给控件,让它显示真正需要显示项目了。...我们从案例里面可以看到,Select2支持多项选择,它们保存后会以逗号分开,如果我们需要在编辑时候显示存储多个记录,那么需要把字符串转换为数组列表才能进行正确绑定,如下所示。

20.1K20

高级可视化 | Banber图表联动交互

2 设置参数条件 进入编辑页面,点击图表-->自定义参数条件-->新建参数。 ? ?...在弹出框,分别填写:参数名(用来进行筛选参数,地区、姓名、部门等),参数类型(可选择文本、数值、日期),默认(图表初始要展示条件,华南-对应地区、张三-对应姓名、销售1部-对应部门等)。...说明: 【参数类型】必须要与数据表作为条件字段类型匹配,如数据表地区是文本类型,那么参数类型必须选择参数类型为:文本 【默认】为图表初始要展示条件,如果默认为空,则图表显示为所有数据,设置默认为华南...,则图表显示是华南地区数据,若默认为空,则图表显示是所有地区数据 3 设置图表数据 我们先设置事业部图表,拖拽一个条形图到编辑区域,选中图表,点击编辑数据。...将“事业部”拖拽到条件筛选,点击下拉箭头-->自定义条件-->添加条件。 ? 在弹出框,点击下拉箭头,选择之前设置筛选条件绑定。 ?

1.8K20

一篇文学会商用可编辑问卷表单制作【iVX 十二】

在此之前需要创建一个变量用于记录点击序号: 接着在表单内容事件设置事件点击触发,在动作之中选择属性更改选中序号变量赋值,内容为当前序号: 随后我们设置属性栏序号文本数据绑定为选中序号变量...下拉菜单我们规定标记数字为 5,当选中序列数字为 5 时我们将会显示。...,用于判断是否是下拉菜单,默认为0,若选中组件为下拉菜单那么该将会为 1: 那么此时在 if 判断应该判断是否下拉选项这个变量为 1,为 1 时则显示下拉选项添加页面元素: 接着我们回到表单内容事件面板...点击提交为其添加事件: 此时事件更改方式与添加背景色类似,但是由于下拉菜单选项会有多个,此时还需添加一个一维数组,在此命名这个一维数组为下拉菜单内容: 我们首先在提交按钮为这个下拉菜单内容进行赋值...: 随后设置组件属性对象数组某个,该行为选中序号、列为下拉菜单选项、则为下拉菜单内容: 接下来我们为下拉菜单为其绑定选项内容,设置选项内容为组件属性某一行某一列: 随后设置行号为当前序号

6.7K30

零基础入门 20: UGUI DropDown

,从0开始,如果当前赋值数目不符合下拉菜单options下标,则根据赋值数找到Options最大或者最小进行显示,超出后mark标记无法显示。...如下图,我们来演示下,默认为0,显示aa,当把数值改为-1后,默认选中了下标为0aa,但是无mark标记显示。 ? 再演示下不同数值下拉菜单效果。 ?...知道了如何在编辑器下创建并且设置下拉菜单以后,以及在了解了Dropdown这个组件一些属性内容之后,又到了我们在脚本内创建并且控制组件时候了,毕竟实际使用,有时候很多需求都要求我们动态去设置下拉菜单内容...通过上面的操作大家可以看出来,默认value为0,所以在非运行状态下显示是第0个下拉菜单,即aa,那么运行后,我们在start里面将value修改为了2,此时运行后,下拉菜单显示就变成了下标为2...好了,这期Dropdown分享到这里就结束了,总结一下,这期里分享了这个组件一些属性内容概念,让大家了解到了如何在编辑器下实现对下拉菜单编辑,以及通过代码实现对下拉菜单一些控制、事件获取等等

2.7K50

0642-6.2-如何在CM界面创建触发器

作者:唐辉 1 文档编写目的 Fayson在这里先介绍下CMtrigger,也就是触发器。触发器是当一个或多个特定条件得到满足服务、角色、角色组、或主机将采取指定动作声明。...(大多数图表,主页展示图表没有该功能)下拉菜单单击“ 创建触发器 ”,针对某图表创建触发器,另一种是在某个服务或者主机、角色>状态 页面然后单击“运行状况测试”右边 “ 创建触发器”按钮,另外一种是直接在配置文件配置...注意是:创建触发器时要根据触发器属性从相应位置创建触发器,主机相关、服务相关、角色相关触发器,否则可能出现在预览显示正常,但是CM界面不触发情况,在下文中Fayson会举例说明 2.1...点这个告警查看,就是我们刚刚编辑告警,可以在操作对触发器再次编辑、禁用、抑制、或者删除 ?...服务创建触发器,而下面是有关主机属性,所以从主机创建,否则会出现在预览显示触发器正常,但是在集群状态查看与设置不相符情况 单个主机CPU使用率监控: ?

1.1K30

后台系统设计(上篇:选择)

二、复选框 允许用户从非互斥选项,选择任意数量选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...五、Transfer 穿梭框/列表构造器 在同一页面显示 「源」 列表和 「目的」 列表,通过使用按钮或拖拽,直观在两栏之间移动元素,完成选择行为。 外观 常规: ?...·实时显示当前被选中列表/ 「源」 列表数量比及 「目的」 列表数量。 ·若列表框内容大于视窗高度,列表框高度为:N列表+½列表。 ?...下拉菜单将多种集合进行了封装,只有在用户需要时候才显示出来(按需显示),具有节省页面空间及简化当前页面等优点。 外观 常规: ? 分类: ? 带搜索: ? 多选: ?...最佳用法 ·在较小空间下,对多个选项进行选择或内容较为次要且不需要一直显示时,下拉菜单是不错选择。若选项较少,考虑使用单选框(当进行单项选择时)或复选框(当进行多项选择时)。

9.6K21

怎样使用原型设计组件样式功能

“样式”是一个集中管理你整个项目的页面和部件外观和感受解决方案。可以把它理解为微软Office Word样式,或修饰HTMLCSS样式。 当更新项目的视觉设计时,使用样式可以节省你很多时间。...样式属性显示在界面上端第三栏和界面右侧“Inspector”(监视器)下“STYLE”(样式)处。 ? Mockplus Mockplus样式功能展示在应用界面的右上方。...应用样式:应用时,选中某个类型组件后,右侧即会加载该类型组件样式,点击对应样式,即可把该样式设置到选中组件上; ? 还可以同时选中多个同类型组件进行样式设置。...但部分简单组件是不支持样式静态分类下组件。 ? 删除样式:删除时,只需要把鼠标移动到该样式上,就会显示一个红色删除按钮,点击即可删除;需要注意是:只能删除自己添加样式。 ?...添加样式库:需要输入样式库名称及描述;名称会显示下拉位置;描述用于对库进行一个简短说明,在管理样式库时候可以看到。 ?

2.7K30

Apriso开发葵花宝典之二Process Builder调试篇

Step:只有在执行process或者Operation时出现,包含所有执行过程步骤,在调试时可以选中其中一个step作为运行起点 Style context: 允许查看正在测试实体将如何在一个可用上下文中来呈现...变量颜色含义: 蓝色 - 系统变量 黑色 - 会话变量 灰色 - 不可编辑变量 粉红色 - 变量修改。在执行Step时,用户可以通过在变量value字段输入一个新来修改可编辑变量。...打开Function编辑框后,选中“从剪贴板粘贴”即可完成输入参数赋值 AJAX调试 ▶第一步,通过浏览器调试工具,定位到Ajax调用请求 ▶第二步,选中inputs参数,右键选中“复制object...在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量。在检查完毕后,可以重新执行代码(播放按钮)。...4、从下拉菜单中选择要显示结果远程会话(由员工姓名(时间)、主机名、用户平台、浏览器版本标识,例如System Administrator(10:57:42)、hostname.com、Windows

52750

Adobe dreamweaver CS6小白入门教程「建议收藏」

导航栏->编辑->首选参数,这里有很多操作可以自行.. 5.1.2直接插入多个连续空格 5.1.3设置是否显示不可见元素 视图中有一些元素仅用来标志元素位置而在浏览器是不可见,...AP元素中选中多个层。...,层显示顺序与Z轴顺序一致,Z越大,层位置越靠上前。...9.2.3.添加APDIV**滚动条* 解释: 溢出:AP元素面板溢出用于控制当AP元素内容超出AP元素指定大小时如何在浏览器显示AP元素。显示方法。...先新建一个APDiv,确定合适位置,插入表格(宽度100% 间距…),填好文字 选中导航栏一个小格子,窗口–行为–“+”来建立导航栏和下拉菜单关系 (显示–over ;隐藏–out) 10

7.1K30

【SWT】常用代码及接口(一)

display.readAndDispatch()) diaplay.sleep(); } 通过readAndDispatch()方法进行读取事件 二:常用API getText()获取组件标签文字,标签未设或分隔符则返回空...()获取文本或图像 setText(String string)设置组件文字 setImage(Image image)设置图像 setAlignment(int alignment)设置文本或图像如何在容器显示...copy()复制选中文本。 cut()剪切选中文本。 paste()从剪贴板上粘贴文本。 getLineCount()返回文本行数。...选中接收者(这里为文本框)文本。...clearSelection()清除所选文本 五:Combo类 下拉框(Combo)作用是用户从下拉 选择选项,用户也可以在下拉框(Combo)中键入选项

10110

xwiki开发者指南-数据模型

所以,在这个比喻,如果类是做饼干模板,那么对象就是饼干。 一个类是附加在一个页面上。每一页面最多只能有一个类。类是名称是附加在这个文档名称。 属性 属性是一个对象可以拥有的特性。...在一个类定义,属性定义了类每个唯一实例可以具有数据字段。属性拥有displayers,用于在视图或者编辑模式下控制属性显示方式。...Boolean 允许存储和显示布尔((yes/no或1/0),它可以显示下拉选择或复选框字段 Static List 允许存储和显示单选或多选字段,可以显示下拉选择,复选框,单选或自动提示字段...从4.3M2开始你可以定义自己属性类型。 对象 对象是类唯一实例,而类是由每个属性组成。 一个对象附加到特定页面。每个页面可以有多个对象。...推荐阅读 武装你类和对象知识,你可以尝试创建一个小应用程序,FAQ应用程序。 你也可以开始了解如何使用脚本来显示wiki页面对象属性。

1.3K10

Excel 常用九十九个技巧 Office 自学教程快速掌握办公技巧

3、多个单元格同时输入选中所有单元格,在编辑栏输入内容,按下组合键【Ctrl+Enter】即可实现多个单元格同时输入。...6、怎样快速删除“0”单元格行按组合键【Ctrl+F】导出查找对话框,选择【查找】选项卡,在输入栏输入:0,点击【全部查找】再按组合键【Ctrl+A】就会显示表格内容为 0 所有单元格,选中单元格后右击...16、查找重复选取查找数据区域,依次点击【开始】-【条件格式】-【突出显示单元格规则】-【重复】设置选择重复格式为【浅红填充色深红色文本】。...46、分段显示手机号首先选中所有手机号码,按 Ctrl+1 键调出设置单元格格式窗口,数字页面中分类选择【自定义】,右边类型框输入000-0000-000,点击【确定】手机号就分段显示了。...69、隐藏编辑栏、灰色表格线、列标和行号视图 - 显示 - 去掉各项勾选。

7K21

Bitfusion 如何在 vSphere 中使用 PVRDMA 功能?

编辑设置:完成该字段,然后单击“下一步”。 n 上行链路数量:选择符合你需要 n 网络I / O控制:禁用 n 默认端口组:选中 n 端口组名称:提供端口组名称。...选择“主机”,右键单击“设置”以切换到“管理”选项卡“设置”页面。 2. 在“设置”页面,展开“系统”,单击“高级系统设置”以显示“高级系统设置”密钥对及其摘要。 3. ...将Net.PVRDMAVmknic设置为vmknic,示例“ vmk1” 防火墙设置 1. 选择“主机”,右键单击“设置”以切换到“管理”选项卡“设置”页面。 2. ...在“设置”页面,展开“系统”,单击“安全配置文件”以显示防火墙摘要。 3. 单击编辑...以显示编辑安全配置文件 4. 向下滚动以找到pvrdma,然后选中该框以设置防火墙。...在适配器类型下拉菜单,选择 PVRDMA。 8. 打开虚拟机电源。

1.2K40

【小程序】全局配置window和tabBar

全局配置文件及常用配置项 全局配置 - window 1. 小程序窗口组成部分 2. 了解 window 节点常用配置项 ​编辑 3. 设置导航栏标题 4. 设置导航栏背景色 5....设置步骤:app.json -> window -> 把 enablePullDownRefresh 设置为 true 注 意:在 app.json 启用下拉刷新功能,会作用于每个小程序页面!...小程序通常将其分为: 底部 tabBar 顶部 tabBar 注意: tabBar只能配置最少 2 个、最多 5 个 tab 页签 当渲染顶部 tabBar 时,不显示 icon,只显示文本 2....步骤1 - 拷贝图标资源 把资料目录 images 文件夹,拷贝到小程序项目根目录 将需要用到小图标分为 3 组,每 组两个,其中: 图片名称包含 -active 选中之后图标 图片名称不包含...对象包含属性如下:   pagePath 指定当前 tab 对应页面路径【必填】  text 指定当前 tab 上按钮文字【必填】   iconPath 指定当前 tab 未选中时候图片路径【

1.6K30

Vcl控件详解_c++控件

Loaded:当窗体包含页面组件首次从内存调入后,自动调用该方法来初始化页面组件 SelectNextPage:指定当前页前一页或下一页 UpdateActivePage:当Pages...Hint Canvas:只读,访问它画布 Panels::指定多个面板 Parent:指定它父控件 SimplePanel:设置该控件是否显示一个简单面板还是显示多个面板 SimpleText...Scroll:页滚动组件滚动前立即产生 事件 OnScroll:当滚动时触发 TCommBoBoxEx 属性 DropDownCount:下拉列表项目的最多个数 Images...:为下拉列表项目选择图片 ItemHeight:下拉列表项目的高度 ItemsEx:对下拉列表项目进行操作 SelText:选定文本 Style:下拉列表框样式 StyleEx...:列表项不显示缩进 CsExNoSizeLimit:扩展组合框能被垂直地调整为小于编辑区载下拉按钮 CsExPathWordBreak:反斜线(),前斜线(/)和句点(.)字符为间隔,以引导输入路径名和

4.8K10

怎样使用原型设计组件样式功能

“样式”是一个集中管理你整个项目的页面和部件外观和感受解决方案。可以把它理解为微软Office Word样式,或修饰HTMLCSS样式。 当更新项目的视觉设计时,使用样式可以节省你很多时间。...4axure4.png Mockplus Mockplus样式功能展示在应用界面的右上方。 保存样式:选中组件,设置好该组件外观后,点击图中加号,即可把组件当前外观属性保存起来。...}RR8TLRH[[LU.png 还可以同时选中多个同类型组件进行样式设置。...但部分简单组件是不支持样式静态分类下组件。...UTD4FHC2}ZQR2BGF]ETVJ(A.png 添加样式库:需要输入样式库名称及描述;名称会显示下拉位置;描述用于对库进行一个简短说明,在管理样式库时候可以看到。

5K180
领券