当前位置:首页 > 日记 > 正文

ajax动态地向下拉列表中添加数据

ajax动态地向下拉列表中添加数据
1。前台jsp,一个新的下拉控件
在2。js的一部分,我们建立了一个函数的方法,利用Ajax技术指向servlet部分of'getalltypes。行动,从下拉列表中的数据动态填充。
功能负载类型(){
(美元)
getalltypes行动,
函数(数据){
SEL = $(var $ # seldvd );
/ / console.log(数据);
对于(var i = 0;i < data.length;i++){
$ =(选项);
item.val美元(数据{我},ID); / /添加选项值,使用ID和类型在数据库中保存的数据
item.html美元(数据{我}。型); / /添加选项数据
sel.append美元($项); / /添加选项为选择
}
},'json
);
}
三.创建一个新的servlet页面以将数据返回到Ajax
public void doGet(HttpServletRequest请求,HttpServletResponse响应)
抛出IOException {返回,
request.setcharacterencoding(UTF-8);
ArrayList类型表=新的ArrayList();
typedao TD =新typedao();
类型表= td.getalltypes();
jsonarray ARR =新jsonarray(TypeList); / / JSON数据包需要进口来
字符串jsstring = arr.tostring();
对客户机的响应
request.setcharacterencoding(UTF-8);
response.setcontenttype(文本/平原;字符集= UTF-8);
(响应。getWriter)。打印(jsstring); / / JSON数据格式下拉列表返回
}
4。那么问题是,数据源在哪里当然,在数据库(MySQL)中,所以你必须编写一个方法来读取数据库中的数据。
typeinfo.java
进口java.io.serializable;
公共类的类型信息实现了Serializable {
私有int id;
私有字符串类型;
public int getID(){
返回ID;
}
公共无效的压缩文件SetID(int ID){
this.id = ID;
}
公共字符串GetType(){
返回类型;
}
公共无效设备(String类型){
this.type =型;
}
公共类型信息(){
}
公共类型信息(int ID字符串类型){
this.id = ID;
this.type =型;
}
}
TypeDao.java(需要进口的JDBC包)
进口java.sql.connection;
进口java.sql.preparedstatement;
进口java.sql.resultset;
进口java.util.arraylist;
进口model.typeinfo;
公共课typedao延伸basedao {
市民ArrayList getAllTypes(){
ArrayList类型表=新的ArrayList();
连接= null;
PreparedStatement PSM = null;
结果集RS = null;
{试
对super.getconnection();
Psm = con.preparestatement(SELECT * FROM类型);
RS = psm.executequery();
而(rs.next()){
类型信息类型=新的类型信息();
Types.setId(rs.getint(1));
Types.setType(rs.getstring(2));
TypeList.add(类型);
}
} catch(异常E){
System.out.println(显示所有类型的错误:+ e.getmessage());
最后,{ }
super.closeall(RS,PSM,CON);
}
返回类型表;

}
}
4。很好,使用Tomcat,现在打开网页,下拉列表可以显示数据。
以上是ajax动态添加数据到下拉列表的实现方法。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。

相关文章

如何使用ps的入门教程

如何使用ps的入门教程

如何使用,入门教程,电脑软件,ps,在PS中,如果我们想做一个地图,我们经常使用它,我们必须在羽功能精通。事实上,这并不太难,让下面让你告诉你如何使用羽在PS的方法,并学习在一起。 羽在PS的熟练使用 打开PS图象处理软件,使用快捷键Ctrl + o ;打开一…

js访问DOM节点方法详解

js访问DOM节点方法详解

方法,节点,详解,电脑软件,js,本文演示了用js访问DOM节点的方法,供大家参考,如下所示: 查找和访问节点 您可以找到许多方法来查找要操作的元素: 通过使用getElementById()和getElementsByTagName()方法 利用其父节点,第一个孩子,和一个元素节点的…

MySQL非安装程序使用步骤和忘记密

MySQL非安装程序使用步骤和忘记密

忘记密码,安装程序,步骤,解决方案,电脑软件,第一步是解压压缩包到相应的磁盘。 第二步打开CMD到bin目录下的文件夹并运行mysql安装解压。 第三步打开服务:CMD进入解压文件夹并执行启动MySQL。 第四步是安装图像界面的Navicat。 忘记密码…

PS滤镜制作黑白城市艺术

PS滤镜制作黑白城市艺术

滤镜,黑白,艺术,城市,电脑软件,虽然效果图只用了一个简单的动态模糊滤镜,但是效果非常有创意,建筑有动态效果,画面也很简单。你喜欢的学生可以试试看。最后效果。 PS滤镜制作黑白城市艺术图片 原来的地图 首先打开材质图片并复制背景图层。选…

一个简单的ajax实现方法,选择删除

一个简单的ajax实现方法,选择删除

选择,删除,方法,简单,电脑软件,本例介绍了ajax实现的简单方法,选择删除。供大家分享,供大家参考,如下: 删除 箭头选择复选框 到删除条目,同一类型,操作方便,和聪明的输入的ID值,方便地访问。 所有的功能(){ 如果($(' # ckb_selectall '),('检查')){ $(…

如何在WPS文本中制作索引目录WPS表

如何在WPS文本中制作索引目录WPS表

教程,索引,目录,如何在,电脑软件,编辑文档时,常常需要添加索引和目录。然后我们可以通过WPS文本中的操作来实现它。让萧边告诉你如何在WPS文字添加索引和目录。 WPS文本索引目录制作教程 1。打开WPS软件,选择标题1中的类型(标题1是目录中标…

词是如何用一种技巧来建立一个奇数

词是如何用一种技巧来建立一个奇数

奇数,偶数,建立一个,如何用,技巧,当我们打印word文档时,有时为了方便查看或保存纸张资源,将打印的文件两边都是奇数甚至偶数页分别打印,那么我们怎么能在word文档集打印奇数页或偶数页与小系列一起阅读呢。 Word设置打印奇数页或偶数页的步骤…

HTML实现颜色块动态显示的报告效果

HTML实现颜色块动态显示的报告效果

动态显示,示例代码,报告,颜色,效果,使用HTML颜色块动态显示数据 * { 填充:0; 保证金:0; } 。tubiao,。Jihua。Shiji。Riqi { 宽度:100%; 溢出:隐藏; 边距:10px; } 左{。 宽度:10%; 浮点数:左; 文本对齐:中心; 身高:25px; 行高:25px; } 右{。 宽度:90%; 浮子:右边; 身…

Windows7安装教程Oracle11g

Windows7安装教程Oracle11g

安装教程,电脑软件,Oracle11g,今天,下一个Oracle已经安装好了。比方说,我也了解了一些关于互联网的下一个step.ps,加上我自己的理解,我把所有的截图安装的详细过程,希望。 它可以帮助你顺利安装它。 然后解压 点击setup.exe 我使用了D盘的默认…

了解如何从PPT中去除不必要的视觉

了解如何从PPT中去除不必要的视觉

不必要,视觉效果,电脑软件,PPT,在传统的PPT制作,我们通常强调简洁的画面,直观的信息和清晰的关系图,但为了使元素在页面看起来乏味,他们经常添加一些颜色和效果来丰富页面,但他们恰恰相反。以下是小编给你带来了不必要的删除了视觉效果,希望对你…

WPS文本如何插入图表WPS文本教程

WPS文本如何插入图表WPS文本教程

文本,教程,图表,电脑软件,WPS,在WPS文本中,你经常画一些表格来帮助文字描述。如何在WPS文本中插入图表让我们告诉你萧边插入WPS图成图。 在WPS文本中插入图形的一种方法: 1,打开WPS文本,单击菜单栏——插入图表——在文本中生成一个自确定的…

原结合PS图象处理软件重点改进缺陷

原结合PS图象处理软件重点改进缺陷

缺陷,图象,处理软件,重点,电脑软件,眼睛是心灵的窗户。无论是肖像还是宠物,我们经常需要把眼睛的部分看得很清楚,相对来说,拍一些照片比较好,而拍起来要困难得多。当我们长时间自动按下快门时,我们无法以较慢的速度获得理想的动态。 在这种情况…