`
Janie_Cseng
  • 浏览: 12095 次
  • 性别: Icon_minigender_2
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

可以用js做一个下拉框,而下拉框的选项又是来自数据库的吗?

阅读更多
已经用js添加了行,可是行内要有一个下拉框给用户选择,而下拉框的内容以后可能会变动,因此需要从数据库动态查询,而不是用option='1'之类的来指定。
看过许多方法,似乎都是在下拉框内容确定的前提下做的,请问用js可以添加带动态下拉框的行吗?
谢谢!
分享到:
评论
7 楼 Janie_Cseng 2010-06-01  
liuzhiqiangruc 写道
回复lz的问题:
楼主的问题核心就是要将数据库里的数据添加到下拉框里。
该需求可以分两种情况:
1,只装载,不变化。那么这样可以选择在页面生成阶段在数据库端进行数据读取,然后将所可能需要的数据以json的形式直接输出到页面。然后在页面呈现之后,用js从json中获取相应的数据对象进行对下拉框的填充。
2,在页面呈现之后在不发送页面请求的情况下,从数据库中获取数据填充下拉框,这就需要页面的动态刷新了。可以通过js的功能来实现对后端资源的请求。这个可以选择用ajax的方式实现,这可以选择现有的ajax框架实现。或者通过js在dom树中动态添加script节点或设置异步资源的请求,如img对象的src属性等来简介的对后台资源进行请求,实现动态数据刷新的需求。

此外具体情况具体分析。

欢迎交流。

谢谢!!
6 楼 coldfox 2010-05-27  
我估计楼主疑惑的是没有后台代码怎么就是从数据库读的了。你在前台看源码当然看不到怎么从数据库里读的了。你应该去看后台的源文件
5 楼 liuzhiqiangruc 2010-05-27  
回复lz的问题:
楼主的问题核心就是要将数据库里的数据添加到下拉框里。
该需求可以分两种情况:
1,只装载,不变化。那么这样可以选择在页面生成阶段在数据库端进行数据读取,然后将所可能需要的数据以json的形式直接输出到页面。然后在页面呈现之后,用js从json中获取相应的数据对象进行对下拉框的填充。
2,在页面呈现之后在不发送页面请求的情况下,从数据库中获取数据填充下拉框,这就需要页面的动态刷新了。可以通过js的功能来实现对后端资源的请求。这个可以选择用ajax的方式实现,这可以选择现有的ajax框架实现。或者通过js在dom树中动态添加script节点或设置异步资源的请求,如img对象的src属性等来简介的对后台资源进行请求,实现动态数据刷新的需求。

此外具体情况具体分析。

欢迎交流。
4 楼 jiaonan 2010-05-26  
新手来学习一下,Java也只是刚入门,前几天在一个项目中用DWR实现过这个。。。。
3 楼 maomiandyou 2010-05-25  
可以用json来做
2 楼 Janie_Cseng 2009-11-13  
norwind 写道
从数据库读取数据到Combox似乎是很常见的事情啊。。。jquery 或者 Extjs中都有类似的东西。。。

难道我没看懂???


jquery?看到的都是把数据直接放在数组里,或者用option逐项罗列的,没找着从数据读取数据的例子...
1 楼 norwind 2009-11-13  
从数据库读取数据到Combox似乎是很常见的事情啊。。。jquery 或者 Extjs中都有类似的东西。。。

难道我没看懂???

相关推荐

    asp.net可输入可选择下拉框

    同时,要处理下拉框的选项选择事件,确保当选中一个选项时,文本框的值与选中的选项同步。 3. **ASP.NET后端支持**:在服务器端,你需要为控件提供设置选项、获取用户输入以及验证数据的方法。这可能涉及到对控件...

    php框架thinkphp实现js(ajax)无限添加级联下拉框

    这个例子中的"php框架thinkphp实现js(ajax)无限添加级联下拉框"是关于如何利用ThinkPHP和JavaScript(AJAX)技术来创建一个动态的、可以无限级联的下拉菜单系统。下面我们将深入探讨这一主题。 1. **ThinkPHP框架...

    asp.net Dropdownlist结合CheckBoxList多选下拉框

    3. **结合使用**:为了实现多选下拉框的效果,我们可以使用Dropdownlist展示主要选项,然后在用户展开下拉列表时显示一个嵌入的CheckBoxList。当用户选择后,再将CheckBoxList中的选中项同步回Dropdownlist。 4. **...

    三级联动 下拉框

    当用户在上一级下拉框选择后,JavaScript可以通过Ajax向服务器发送请求,请求只包含当前所需级别的数据。服务器接收到请求后,从数据库中查询匹配的数据,然后返回到客户端,客户端再根据返回的数据更新下拉框的选项...

    php 三级联动下拉框

    以下是一个使用PDO连接MySQL数据库的示例: ```php <?php $host = 'localhost'; $db = 'test_db'; $user = 'root'; $pass = ''; $charset = 'utf8mb4'; $dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $...

    可输入的下拉框(autoComplete)

    在实现autoComplete功能时,后台系统通常需要一个存储建议数据的数据库,例如这里使用的Oracle数据库。开发者可能需要编写SQL查询来获取与用户输入相匹配的数据,并通过API接口返回给前端。 另一个文件“InputTip”...

    省份城市区县_下拉框三级联动选择

    当用户在第一个下拉框(省份)中做出选择后,通过JavaScript监听事件并触发一个函数,该函数根据选择的省份动态加载对应的城市数据,更新第二个下拉框(城市)。接着,当用户在城市下拉框中选择后,同样的逻辑会用于...

    php可输入下拉框控件

    用户可以从中选择一个或多个预定义的选项。然而,标准的HTML下拉框并不支持用户自由输入文字,只能从提供的选项中选择。为实现描述中的功能,我们需要扩展这个基本功能。 二、可输入下拉框控件 为了实现一个可输入...

    全国省市区数据库

    4. 集成到前端:在前端代码中,利用JavaScript(如jQuery)或现代前端框架(如Vue.js、React.js)监听下拉框的改变事件,并执行相应的Ajax请求,获取并更新下拉选项。 5. 测试与优化:确保在不同层级的选择中,数据...

    jsp省市县三级联动(数据来自数据库)

    三级联动是指三个下拉列表框之间存在依赖关系,即选择一个列表框中的项,其他列表框的内容会根据所选项动态加载。在这个案例中,省份选择会影响到城市列表,城市选择又影响到县(区)列表。实现这种功能通常需要...

    省市联动ACCESS表与javascript

    在省市联动中,JavaScript主要负责监听用户的下拉框选择事件,当用户选择一个省份时,JavaScript通过AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML)技术向服务器发送请求,获取该省份下的城市数据,...

    省市县三级数据库sql设计

    在实际应用中,省市县三级联动通常用于下拉框选择,用户在选择一个省后,市的选项会根据所选的省动态更新,选择市后,县的选项又会相应更新。这种功能可以通过JavaScript与后端API配合实现,API返回对应级别的子区域...

    基于iBatis,ajax从数据库取数的无刷新级联

    3. 级联选择:级联选择是指在一个下拉框的选择会影响到另一个下拉框的选项,通常是层级关系的数据,如省份-城市-区县。在这个例子中,province的选择会限制city的选项,city的选择又会影响country的选项,这样可以为...

    英文版js地区国家级联

    这个“英文版js地区国家级联”资源提供了一个纯JavaScript实现的解决方案,无需依赖数据库,简化了开发流程。以下是对这个资源的详细解读: 首先,我们要理解什么是级联选择菜单。级联菜单通常用于地理位置选择,...

    从数据表中读取省市地区,实现省市级联

    在IT领域,省市级联(Province-City-Region Cascade)是一种常见的前端交互设计,它用于在用户界面中创建一个逐级展开的下拉选择菜单,通常用于地理信息的选择,如地址输入。这种设计允许用户首先选择省份,然后根据...

    Ajax四级联动下拉

    这个技术通常涉及到四个级别:省、市、县和乡,用户在选择一个级别的选项后,下一级别的下拉框会自动更新为相应级别的数据,无需刷新整个页面,提供良好的用户体验。 Ajax,即Asynchronous JavaScript and XML...

    三级下拉菜单联动 (省市区县数据库操作) 源代码(java 版本)

    在IT行业中,构建一个高效的用户界面常常涉及到多级选择器的使用,比如省市区县的三级下拉菜单联动。这种功能通常应用于地址填写或者定位服务,让用户能够方便地选择他们的地理位置。在这个特定的案例中,我们关注的...

    c#可输入的下拉列表框

    `ComboBox`是.NET Framework中的一个基础控件,它提供了一个下拉列表,用户可以从中选择或者直接在输入框内键入。对于那些需要用户输入特定数据但又希望提供预设选项的场景,`ComboBox`是理想的选择。 1. **创建可...

    struts2 级联菜单

    在级联菜单中,第一个下拉框的选择会决定第二个下拉框的内容,而第二个下拉框的选择可能又会影响到第三个下拉框的选项,以此类推。这种联动的效果需要后端动态生成并返回相应的数据。 要实现Struts2的级联菜单,...

    ASP 简单实现日期下拉菜单

    ASP(Active Server Pages)是一种...通过结合服务器端的ASP技术和客户端的JavaScript,我们可以创建一个既高效又用户友好的日期输入组件。这样的组件在网页表单中非常常见,特别是在需要用户输入特定日期的场景下。

Global site tag (gtag.js) - Google Analytics