码迷,mamicode.com
首页 > Web开发 > 详细

select与ajax结合

时间:2015-12-22 22:43:31      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:

要实现的功能是,点击select输入框,数据库里面的数据会以option弹出。

这需要用到ajax异步连接数据库

下面贴出代码

先说明一下后台传递的数据是json,以map的形式传入的。后台代码很简单,这里就不累赘了

直接贴出前台代码了

 <select id="courseSelect" class="select" size="1" onclick="find()" name="demo1" datatype="*" nullmsg="请选择所在城市!">
        </select>

下面是js代码

    function  find(){
            if(document.getElementById("courseSelect").length==0){
                $.ajax({
                    type:"get",
                    async:true,
                    url:"curriculum.do",
                    dataType:"json",   //必写
                    data: {method:"getAllCourseName"},
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",  //防止提交中文乱码
                    success:function(msg){
                        for(var mi in msg){        //循环json
                            var txt2=$("<option value=msg[mi]></option>").text(msg[mi].name);
                            $("select").append(txt2); 
                        }
                    }  
                    });   
                    return true;
                    }else{
                    return false;
                    }
        }

select中用的是onclick,js语句中记得要用if判断一下

select与ajax结合

标签:

原文地址:http://www.cnblogs.com/ouzilin/p/5068085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!