jQuery ajax 擷取資訊展示在“下拉式清單”中

標籤：i18n   dao   src   mapping   取整   擷取資訊   asc   ext   roc   

<link href="${ctxStatic}/jquery-select2/4.0.3/select2.min.css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-select2/4.0.3/select2.full.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery-select2/4.0.3/i18n/zh-CN.js" type="text/javascript"></script>

$("[data-toggle=‘tooltip‘]").tooltip({html: true});
//擷取整個列表
$(‘#primaryAuditUserId‘).select2({
language: "zh-CN",
minimumInputLength: 1,
placeholder: "-- 請輸入暱稱搜尋 --",
ajax: {
url: "xxx/xxx/xxxx/userAll",
dataType: "json",
delay: 500,
data: function (params) {
return {name: params.term};//name為入參標識
},
processResults: function (res, params) {
var options = [];
console.log("res:"+res);
$(res).each(function (index, r) {
var option = {"id": r.id, "text": r.name};//列表中的id,列表中的name
options.push(option);
});
return {
results: options
};
},
escapeMarkup: function (m) {
return m;
}
}
});

//擷取ID
(function () {
var id = $("#select2-userId").val();
if (id) {
$.get("xxxxxx/xxxx/single/" + id, function (result) {
if (result) {
$("#primaryAuditUserId").html("<option value=‘" + result.id + "‘>" + result.name + "</option>");//
}
});
}
})();



<li>
<label>初審人：</label>
<input type="hidden" id="select2-userId" value="${infoDto.primaryAuditUserId}"/>
<form:select path="primaryAuditUserId" class="input-medium"></form:select>
</li>

 

介面:

//模糊比對列表
@RequestMapping(value="userAll")
@ResponseBody
public List<User> getUsers(String name){
User user=new User();
user.setDelFlag("0");
user.setName(name);
List<User> userList=userDao.findList(user);
if(userList.size()<=0||userList==null){
return null;
}
return userList;
}

//查詢單個的id
@RequestMapping(value="singUser")
@ResponseBody
public String getSingleUser(String name){
User user=new User();
user.setName(name);
User user_=userDao.getSingle(user);
return user_.getId();
}

jQuery ajax 擷取資訊展示在“下拉式清單”中