快速,持续,稳定,傻瓜式
支持Mysql,Sqlserver数据同步

Java下拉列表联动的实现从数据库读取数据)

在线QQ客服:1922638

专业的SQL Server、MySQL数据库同步软件

很多时候,我们将在界面布局中使用下拉列表。单个列表和数据库之间的交互非常简单。我们今天要记录的是有多个下拉列表时的链接列表时,如何获取数据,即选择第一个下拉列表的值,动态更改第二个下拉列表的值甚至更多列表。

1.在jsp中定义第一个下拉列表,然后从servlet获取列表列表以读取option的值(此处有关EL表达式和c不再重复使用标签)

  \ lt;  选择  onchange   =" getShoppe()"   id   =" =" bra"  名称  =" brand"   style   ="宽度:75%;高度:40px;垂直对齐:中间; line-height:40px;"   \ gt; 

\ lt; 选项 \ gt; 选择您购买的品牌 \ lt;/ 选项 \ gt;

\ lt; c:forEach var =" brandL" 项目 =" = \ lt;%= session.getAttribute (" 品牌列表")% \ gt; " \ gt;

\ lt; 选项 =" $ {brandL.name}" id =" $ {brandL.code}" \ 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会话=  request.getSession();

int code = Integer.parseInt(request.getParameter(" code" )));

System.out.println(代码);

列表 \ lt;扫描仪> shoppelist = scanfDao.getScanfShoppe(代码);

session.setAttribute(" shoppelist" ,shoppelist);

列表 \ lt;扫描仪> l =(列表\\ Scanf \\); session.getAttribute(" shoppelist" );

// System.out.print(l.get(0).getName() );

out.print(JSON.toJSONString(l));

通常,我们要在页面中异步实现两个或多个选项的链接,我们需要在servlet中返回一个json对象,然后在解析之后js,为选项

赋值

相关推荐

咨询软件
 
QQ在线咨询
售前咨询热线
QQ1922638