-
2014-05-22 15:36:23
javascript为下拉列表添加数据项.html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>为下拉列表动态添加数据项</title> <script type="text/javascript"> function gel(id) { return document.getElementById(id); } window.onload = function() { var cbbYear = gel("mysel"); for (var i = 1990; i < 2014; i++) { //方法1 /*var opt = document.createElement("option"); opt.innerHTML = i; cbbYear.appendChild(opt);*/ //方法2 var opt = new Option(i, i); cbbYear.options.add(opt); } }; </script> </head> <body> <select id="mysel"> </select> </body> </html>
更多相关内容 -
Ajax动态为下拉列表添加数据的实现方法
2020-12-11 09:26:342. js部分,建一个function方法,利用ajax,指向 ‘getAllTypes.action’ 的servlet部分,获取传来的下拉列表的数据,动态填充 <span xss=removed> </span>function loadType(){ <span xss=removed> $.get( ... -
javascript为下拉列表动态添加数据项
2020-12-12 11:19:48javascript为下拉列表添加数据项.html 代码如下: <!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf... -
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2020-12-10 01:34:29这里实现在一个支持多选的下拉列表框内进行数据项的添加、删除、向上、向下移动操作,我们在一些人才网站或是编程技术站经常会看到这种功能,比较实用。 运行效果截图如下: 具体代码如下: <title>下拉列表... -
C#_C#使用DropDownList绑定添加新数据的方法汇总,DropDownList控件又称下拉列表框 - phpStudy
2021-05-22 12:46:01C#使用DropDownList绑定添加新数据的方法汇总DropDownList控件又称下拉列表框控件, 控件 列表 中的多行数 据 以隐含 的形式表 示 出 来,当用户需要选择所需列表项时,通过点击 “下三角 ”图形 展示 ,用户每次 ...C#使用DropDownList绑定添加新数据的方法汇总
DropDownList控件又称下拉列表框控件, 控件 列表 中的多行数 据 以隐含 的形式表 示 出 来,当用户需要选择所需列表项时,通过点击 “下三角 ”图形 展示 ,用户每次 只能选用一个 数据项。DropDownList控件实际上是列表项 的 容器 ,下拉列表框 用 Items集合表示各项 的内 容。如果在 ASP.NET页面中逐个 的手 动填写 DropDownList控件的列表选项,当列表项很多 的时候会 比较繁琐 ,而且修改 比较麻烦 。 DropDownList控件动态连接到数据库,按指定 条件从数据库 中查询 出列表选项数据,然后绑 定到控件,可以方便快速地显示出多个下拉选 项 。 同时 ,通过修 改数据库 中数据 ,可 以动 态改 变下 拉选项。例如 ,在导 师遴 选系统 中, 研究生导师填写申请信息 的时候 ,需要选 择申 请类型,而且同样的信息在多处页面出现,将 数据库中申请类型表的数据绑定到 DropDownList控件上,能比较好的解决问题。
接下来给大家介绍C#使用DropDownList绑定添加新数据的方法,具体内容如下所示:
第一种:在前台手动绑定(适用于固定不变的数据项)
南京
扬州
徐州
苏州
第二种:在后台动态绑定
DataTable dt = new DataTable ();
//中心思想就是将下拉列表的数据源绑定一个表(这里没有对表进行赋值)
DropDownList1.DataSource = dt.DefaultView;
//设置DropDownList空间显示项对应的字段名,假设表里面有两列,一列绑定下拉列表的Text,另一列绑定Value
DropDownList1.DataValueField = dt.Columns[0].ColumnName;
DropDownList1.DataTextField = dt.Columns[1].ColumnName;
DropDownList1.DataBind();
第三种:自定义添加
//方法一:分步进行
ListItem li = new ListItem();
li.Text = "南京";
li.Value = "1";
DropDownList1.Items.Add(li);
//方法二:ListItem()第一个参数是Text的值,第二个参数是Value的值
ListItem li = new ListItem("扬州", "2");
DropDownList1.Items.Add(li);
//方法三:一步到位
DropDownList1.Items.Add(new ListItem("徐州", "3"));
//方法四:(循环添加)
string[] city={"南京","扬州","徐州","苏州"};
for(int i=0;i
{
DropDownList1.Items.Insert(i,city[i]);
DropDownList1.Items[i].Value = i.ToString();
}
以上内容给大家介绍了C#使用DropDownList绑定添加新数据的方法汇总,希望对大家有所帮助!相关阅读:
简化版手机端照片预览组件
MySQL常见错误有哪些_MySQL常见错误的快速解决方法
利用jQuery实现可以编辑的表格
JavaScript实现滚动栏效果的方法
分享我的jquery实现下拉菜单心的
辨析JavaScript中的Undefined类型与null类型
Mysql导入导出工具Mysqldump和Source命令用法详解
win10怎么更换电脑用户头像?
MySQL的日志基础知识及基本操作学习教程
关于加强MYSQL安全的几点建议
Android如何实现压缩和解压缩文件
通过OpenGL ES混合模式缩放视频缓冲区来适应显示尺寸
JS 对象(Object)和字符串(String)互转方法
jquery实现多级下拉菜单的实例代码
-
JavaScript实现将数组数据添加到Select下拉框的方法
2020-10-23 18:13:54主要介绍了JavaScript实现将数组数据添加到Select下拉框的方法,涉及javascript数组操作及页面元素动态赋值的相关技巧,需要的朋友可以参考下 -
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2020-11-30 08:18:48解决思路如下:在 DOM 的根节点上添加一个 click 事件,同时下拉列表内阻止事件的默认行为和冒泡。当响应这个点击事件的时候,说明是在下拉列表范围外的点击(因为下拉列表内阻止了事件的冒泡),就可以关闭已经打开... -
Ajax动态为下拉列表添加数据
2017-01-22 20:49:012. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充 function loadType(){ $.get( 'getAllTypes.action', function(data){1. 前台jsp,新建一个下拉控件
<select id="seldvd" onChange="sel_onchange(this)"></select>
2. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充function loadType(){ $.get( 'getAllTypes.action', function(data){ var $sel = $("#seldvd"); // console.log(data); for(var i = 0;i<data.length;i++){ $item = $("<option></option>"); //添加option $item.val(data[i].id); //添加option的value ,数据库中用id和type保存的数据 $item.html(data[i].type); //添加option数据 $sel.append($item); //将option添加进select } },'json' ); }
3. 新建一个servlet页面,用来向Ajax返回数据
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf-8"); ArrayList<typeInfo> typeList = new ArrayList<typeInfo>(); typeDao td = new typeDao(); typeList = td.getAllTypes(); JSONArray arr = new JSONArray(typeList);//这里导入需要转json数据包 String jsString = arr.toString(); //响应到客户端 request.setCharacterEncoding("utf-8"); response.setContentType("text/plain;charset=utf-8"); response.getWriter().print(jsString); //返回下拉列表需要的json格式数据 }
4. 那么问题来了,这个数据来源在哪啊?当然在数据库(MySQL)。所以先要写一个方法读取数据库中的数据typeInfo.java
TypeDao.java (需要导入JDBC包)import java.io.Serializable; public class typeInfo implements Serializable { private int id; private String type; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getType() { return type; } public void setType(String type) { this.type = type; } public typeInfo(){ } public typeInfo(int id, String type) { this.id = id; this.type = type; } }
import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.ArrayList; import model.typeInfo; public class typeDao extends baseDao { public ArrayList<typeInfo> getAllTypes(){ ArrayList<typeInfo> typeList = new ArrayList<typeInfo>(); Connection con = null; PreparedStatement psm = null; ResultSet rs = null; try { con = super.getConnection(); psm = con.prepareStatement("select * from types"); rs = psm.executeQuery(); while(rs.next()){ typeInfo types = new typeInfo(); types.setId(rs.getInt(1)); types.setType(rs.getString(2)); typeList.add(types); } } catch (Exception e) { System.out.println("显示所有类型报错:"+e.getMessage()); }finally{ super.closeAll(rs, psm, con); } return typeList; // }
4. 好了,利用Tomcat ,现在打开网页,下拉列表就能显示数据了}
-
jQuery实现动态加载select下拉列表项功能示例
2020-12-09 18:21:32以前使用的select下拉列表都是静态的,select 的option数据都是写死的。现在项目中的select需要根据不同的场景使用不同的数据,解决方式就是动态加载option数据。 代码部分: 下面步骤介绍了如何从数据库获取数据,... -
c#下拉列表添加id和值.txt
2019-08-13 13:54:06很好用的下拉框,下拉列表 -
DataGridView列头添加下拉列表实现数据过滤
2016-04-20 14:35:29在DataGridView表格中,实现类似Excel列头出现下拉框,可以筛选数据的功能,有全部的应用代码 -
给DataGridView表头添加下拉列表实现数据过滤
2014-08-01 16:27:17给DataGridView表头添加下拉列表实现数据过滤,附上修改功能代码,实现选择性添加下拉选择。 -
excel如何添加下拉列表数据?
2021-07-20 09:53:061.在excel中选择相应的单元格,选择“数据->数据验证->数据验证” 2.在该输入框中,输入内容,输入完毕后,点击“确定” 3.最后结果:在下拉框就可以选择该选项。1.在excel中 选择相应的单元格,选择“数据->数据验证->数据验证”
2.在该输入框中,输入内容,输入完毕后,点击“确定”
3.最后结果:在下拉框就可以选择该选项。
-
使用js实现一个可编辑的select下拉列表
2020-10-26 06:12:33主要介绍了使用js实现一个可编辑的select下拉列表,个人感觉还不错,需要的朋友可以参考下 -
关于js动态向下拉列表中添加数据
2015-09-25 14:00:22把这个新的option添加到select对象里。这就ok了,好直接。 这里有一个eval("("+data+")"); 这个是我在后台传过来的一个json字符串,这里也有点学问,就是把json字符串要转成json对象才能使用的 至于为什么是两... -
jQuery动态产生select option下拉列表
2020-12-11 00:17:25但其中没有实现动态产生select option下拉列表。 在jQuery环境之下使用创建jQuery对象来实现动态产生,那是很方便的事情。 在数据库中准备一些数据: 存储过程: 开发ASP.NET MVC,实现程序,少不了model: 现... -
Ext中下拉列表ComboBox组件store数据格式用法介绍
2020-09-05 03:40:56本文为大家详细介绍下Ext中下拉列表ComboBox组件store数据格式的基本用法,感兴趣的朋友可以参考下哈,希望对大家有所帮助 -
C# winform ListView 中实现可编辑文本或双击出现下拉列表框
2020-02-21 07:30:19ListView 中实现可编辑文本或双击出现下拉列表框 重写listview空间,在控件中添加下拉框和文本框 -
将数据从excel表中导出到qt的下拉列表框(QComboBox)中
2020-10-10 17:59:47python+pyqt实现:将数据从excel表中导出到qt的下拉列表框(QComboBox)中,手动点击“导入数据”即将excel表中的数据加载到qt的下拉列表中 -
POI设置Excel下拉列表(数据有效性验证)
2019-12-12 15:10:06* @Description: 添加数据有效性检查(下拉列表) * @param firstRow 开始行 * @param lastRow 结束行 * @param firstCol 开始列 * @param lastCol 结束列 * @param explicitListValues 有效性检查的下拉列表 *... -
java:下拉列表框组件
2022-04-19 22:25:32下拉列表框组件一、关键代码一)、创建单个下拉列表框的内容(项)二)、字符串数组添加多个下拉列表框的内容(项)三)、模型方法给下拉列表框添加内容(项)二、简单说明三、流程图四、源码一)、源码A二)、源码A... -
jQuery树形插件下拉列表选择框
2021-06-24 11:33:28jQuery树形插件下拉列表选择框,数据封装在demoData.js里面,可以自由添加修改。 -
给html下拉框控件自动添加数据
2021-06-11 16:47:45function AddRow(){ var myTable = tElementById("ctl00_ContentPlaceHolder1_zjjzzTB"); var newRowIndex = ws.... }这是自动新增记录行的代码,里面有一个 怎么给这个html控件从后台自动添加数据。谢谢 展开 全部 -
Excel 2013中为单元格添加下拉列表的设置方法
2021-08-26 13:34:181、启动Excel 2013并打开工作表,在“数据”选项卡的“数据工具”组中单击“数据验证”按钮上的下三角按钮,在打开的下拉列表中选择“数据验证”选项。 2、打开“数据验证”对话框,在“设置”选项卡的“允许”... -
poi导出下拉列表,解决下拉列表数据过多问题
2018-11-09 09:25:52// 传入下拉列表数组值,构造信息模板 public static Workbook generateExcel(String[]typeArrays) { Workbook wb = new XSSFWorkbook(); // 创建模板工作表 Sheet sheet = wb.createSheet("test");... -
excel下拉列表数据筛选_从筛选的Excel列表中下拉
2020-08-13 05:17:06excel下拉列表数据筛选 从筛选的Excel列表中下拉 (Drop Down from Filtered Excel List) Someone asked me how to make a data validation drop down that only shows the visible rows from a filtered list.... -
javascript为下拉列表框动态添加数据方法
2017-02-23 14:52:16html页面中要有: 然后在javascript中: var initData = function() { var cbbYear = document.getElementById("playground"); for (var i = 1990; i ; i++) {