jsp 动态生成 下拉框

最近学了一种动态生成jsp下拉框的方法，写此博客，备记！

1、首先是定义一个需要加载下拉框的位置: id = "AAAAAA"

<div class="control-group">
       <label class="control-label" for="group">级别</label>
       <div class="controls" id = "AAAAAA">
                        
        </div>
</div>

2、给 id = "select_rankLevel"的页面元素动态加载下拉框

var selectItem = "<option value='{0}'> {1}</option>";     //下拉框选项
var selectedItem = "<option value='{0}' selected='selected' > {1}</option>";    //默认被选择的下拉框选项

var item = "<select id='AAAAAA' class='js-example-data-array-selected' name='AAAAAA'>";      

var result =["1","2","3"];  /result是你后台获取的数组，是你需要动态生成下拉框的数据,此处为了方便，写成常量了

var rankLevel = "1";//同上

for(var i = 0; i < result.length; i ++) {
                if(result[i] === rankLevel){
                    item += String.format(selectedItem, result[i], result[i] );    //第一个result[i]就是给selectItem里的｛0｝赋值(option的value)，第二个result[i]即｛1｝，此处是设置默认被选中的option
                }else{
                    item += String.format(selectItem, result[i], result[i]);  //此处是设置不选中的option
                }
 }
 item += "</select>";
        
$("#AAAAAA").empty();   //先清空
$("#AAAAAA").append(item);  //再赋值

这样就可以动态生成下拉框了