select与ajax结合

要实现的功能是,点击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判断一下

上一篇:分子动力学模拟之基于自动微分的LINCS约束


下一篇:Caffe学习笔记1--Ubuntu 14.04 64bit caffe安装