java下拉框怎么获取对象_Java下拉列表联动的实现从数据库
读取数据)
在线QQ客服:1922638
专业的SQL Server、MySQL数据库同步软件
很多时候,我们将在界⾯布局中使⽤下拉列表。单个列表和数据库之间的交互⾮常简单。我们今天要记录的是有多个下拉列表时的链接列表时,如何获取数据,即选择第⼀个下拉列表的值,动态更改第⼆个下拉列表的值甚⾄更多列表。
1.在jsp中定义第⼀个下拉列表,然后从servlet获取列表列表以读取option的值(此处有关EL表达式和c不再重复使⽤标签)
\ lt; 选择 onchange =" getShoppe()" id =" =" bra" 名称 =" brand" style ="宽度:75%;⾼度:40px;垂直对齐:中间; line-
el表达式获取session中的值height:40px;" \ gt;
\ lt; 选项 \ gt; /span>选择您购买的品牌\ lt;/ 选项 \ gt;
\ lt; c:forEach var =" brandL" 项⽬ =" = \ lt;%= Attribute (" 品牌列表")% \ gt; " \ gt;
\ lt; 选项 值 =" $ {brandL.name}" id =" $ {de}" \ gt; $ {brandL.name} \ lt;/ 选项 \ gt;
\ lt;/ c:forEach \ gt;
\ lt;/ 选择 \ gt;
2.定义第⼆个下拉列表(此下拉列表的选项需要根据第⼀个下拉列表的更改⽽更改)
\ lt; 选择 名称 ="商店" id =" shoppe" onchange =" getStaff()" style ="宽度:75%;⾼度:40px;垂直对齐:中间; line-height:40px;" \ gt;
\ lt;/ 选择 \ gt;
3.此⽅法由下拉列表的onchange()事件调⽤(此⽅法接收servlet传递的json数据,您需要在lib下导⼊json包)
函数 getShoppe(){// 如果第⼀个下拉列表的值更改了,请调⽤此⽅法
var代码= $("#bra选项:selected")。 attr(" id"); // 获取第⼀个下拉列表的值
如果(代码!= null \ \""!=代码\ \-1!= 代码){
// 通过ajax进⼊后台,将orderTypeName数据传输到后端跨度>
$.post(" GetShoppeServlet",{code:code},函数 (数据){
var res = $。 parseJSON(数据); // 分析从后台返回的json数据
var 选项;
选项 =" \ lt;选项\ gt;" +"选择您购买的柜台" +" \\/选项\\" ;
$.each(res, 函数(i,n){// 循环,i是下标从0开始,n是集合中对应的第i个对象
选项+ =" \ lt;选项值="" + n.name +"" \ gt;" + n.name +" \\/选项\\"
});
$("#shoppe")。 html(选项); // 会将字符串缝合在⼀起到第⼆个下拉列表中
$("#专柜")。显⽰ (); // 显⽰第⼆个下拉列表
});
} 其他
$("#shoppe" )。隐藏();
}
}
4.创建⼀个与该⽅法同名的新servlet,并根据从数据库中读取的数据返回⼀个json对象
HttpSession会话= Session(); int code = Integer.Parameter(" code" )));
System.out.println(代码);
列表 \ lt;扫描仪> shoppelist = ScanfShoppe(代码);
session.setAttribute(" shoppelist" ,shoppelist);
列表 \ lt;扫描仪> l =(列表\\ Scanf \\); Attribute(" shoppelist" ); // System.out.(0).getName() ); out.JSONString(l));
通常,我们要在页⾯中异步实现两个或多个选项的链接,我们需要在servlet中返回⼀个json对象,然后在解析之后js,为选项
赋值
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论