Question

请问在js的select标签中，如何在点击下拉按钮之后查询数据库，然后把查到的值赋值到options中？

我这里有个select框：
<select id="purchaser" onChange="selectChange()">
<option value=''>-请选择-</option>
</select>

下面是js方法：
function selectChange(){
$.post('${baseURL}/miss/admin/purchase/purchaser.do',function(res){

});
}

后台用的是java，我用List<Map<String,Object>>类型存放需要返回的数据。
我希望点击了下拉之后，后台查询数据库，然后把查到的值放到select的options中，求大神指导

Answer 1

$.each(data, function (i, item) {
if (item == null) {
return;
}
$("<option></option>")
.val(item["Value"])
.text(item["Text"])
.appendTo($("#purchaser"));
});

data 就是查询过来的数据
item["Value"]、item["Text"] 下拉项值、文本 具体字段看你自己命名的

追问

data里面我取到想要的list了，item里面也写成了对应的字段，但是点击下拉之后option却是很多个空的值，请问这是什么原因呢？

追答

你返回的json的格式对不对哦，item["Value"]没有取出值吧！

追问

我是直接把后台的List>类型返回出来的，请问这样可以吗