可以搜索的下拉框
1 <td>推送人</td> 2 <td style="width:150px;"> 3 <div style="position:relative;padding-top:30px;"> 4 <span style="margin-left:100px;width:24px;overflow:hidden;border:red "> 5 <select id="sendmans" style="width:129px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value"> 6 7 </select></span><input id="sendman" name="condition.sendman" value="${condition.sendman}" onchange="getAllUser()" style="width:85px;position:relative;top:-27px;left:1px;"> 8 </div> 9 </td>
function getAllUser(){ var url = "/fiber/getName.do"; jQuery("#sendmans").empty(); //var city = $("#city").val(); // document.getElementById("city").value=city; // alert($("#sendman").val()); var params = $("#sendman").val(); $.ajax({ url:url, type:'POST',//POST方式 cache:false , data:"sendman="+params+"", dataType:'text',//返回text类型 beforeSend:function(xmlHttpRequest,status){ }, success:function(data,status){ var d=eval(data);//解析 $("#sendmans").append($('<option value="--请选择--">--请选择--</option>'));//后台数据加到下拉框 $(d).each(function(index,entity){ $("#sendmans").append($('<option value="'+entity['name']+'">'+entity['name']+'</option>'));//后台数据加到下拉框 //$("sendman").combobox('setValue',entity['name']); //document.getElementsByClassName("combo").append($('<input class="combo-value" type="hidden" name="condition.sendman" value="'+entity['name']+'">')); }); } }); }
@RequestMapping(value = "/getName.do") public void getName(String sendman, PrintWriter printWriter, HttpServletResponse response) throws IOException { response.setContentType("text/html;charset=UTF-8"); JSONArray jsonArray = new JSONArray(); PrintWriter out = response.getWriter(); List<Users> userList = new ArrayList<Users>(); List<User>userLists = userService.getAllUsers(sendman); for(int i=0;i<userLists.size();i++){ Users users = new Users(); users.setId(userLists.get(i).getId().toString()); users.setName(userLists.get(i).getName()); userList.add(users); } jsonArray = JSONArray.fromObject(userList); if (userList != null) { out.write(jsonArray.toString()); } else { out.write("null"); } out.flush(); out.close(); }