html 下拉菜单select 获取数据库内容

用ajax去后台数据库中访问数据，操作select

 

<select id="mySelect">
<option>请选择</option>
</select>

前台js：

 

 

<script>

 

$(document).ready(function () {

    var url="·····/compare/test"; //访问后台去数据库查询select的选项,此处需填写后台接口路径    $.ajax({
        type:"get",
        url:url,
        success:function(userList){
            var unitObj=document.getElementById("mySelect"); //页面上的<html:select>元素
            if(userList!=null){ //后台传回来的select选项
                for(var i=0;i<userList.length;i++){
                    //遍历后台传回的结果，一项项往select中添加option
                    unitObj.options.add(new Option(userList[i].name,userList[i].name));
                }
            }
        },
        error:function(){
            J.alert('Error');
        }
    })

})

</script>

后台应该返回一个JSONArray之类的数组数据，比方：

 

[{"id":"001",name":"test"},{"id":"002","name":"test2"}] 

 

效果：

test与test2是数据库表中数据，具体处理方法，由后台对数据进行处理，然后转为json格式传到前端