2021-06-20Java下拉列表

很多时候在界面布局时我们会用到下拉列表，单独的一个列表与数据库的交互很简单，今天要记录的是当有多个下拉列表联动时，该怎样获取数据，即选择第一个下拉列表的值，动态的改变第二个下拉列表乃至更多列表的值。

1、在jsp中定义第一个下拉列表，并且从servlet中获取list列表读取出option的value（此处关于EL表达式以及c标签的使用不在赘述）
<select οnchange=“getShoppe()” id=“bra” name=“brand” style=“width: 75%;height: 40px; vertical-align: middle; line-height: 40px;”>

选择您购买的品牌

2、定义第二个下拉列表（这个下拉列表的option需要依赖第一个下拉列表的改变而改变）
<select name=“shop” id=“shoppe” οnchange=“getStaff()” style=“width: 75%;height: 40px; vertical-align: middle; line-height: 40px;”>

.
3、下拉列表的onchange()事件调用该方法（此方法中接收servlet传入的json数据，需导入json包在lib下）
function getShoppe() {//如果第一个下拉列表的值改变则调用此方法

    var code = $("#bra option:selected").attr("id");//得到第一个下拉列表的值  
    if(code!=null && "" != code&& -1 != code){  
            //通过ajax