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格式传到前端

点这里可以跳转到人工智能网站

发表评论