下拉列表資料動態載入 springmvc jquery ajax
1、Spring-mvc 程式碼如下 :
<!-- 避免IE執行AJAX時,返回JSON出現下載檔案 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8</value> </list> </property> </bean> <!-- 啟動Spring MVC的註解功能,完成請求和註解POJO的對映 --> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="cacheSeconds" value="0" /> <property name="messageConverters"> <list> <ref bean="mappingJacksonHttpMessageConverter"/> </list> </property> </bean>
2、Controller 程式碼如下:
@RequestMapping(value="/dynamicSQLBySelect") public @ResponseBody List<PriRole> dynamicSQLBySelect(String queryParameter) throws IOException{ List<PriRole> selectList = null; try { if (!"".equals(queryParameter) || queryParameter != null) { selectList = formSubjectService.dynamicSQL(queryParameter); } } catch (Exception e) { e.printStackTrace(); } return selectList; }
3、頁面程式碼如下:
<select name="xxxxxx" id="onSelect" >
<option value="">==請選擇 ==</option>
</select>
<script type="text/javascript"> $(document).ready(function() { var url = "formSubjectController/dynamicSQLBySelect.do"; $.ajax({ type:"get", cache:false, url:url, data:{queryParameter:'${ptlGlbCfg.queryParameter}'}, error:function(xhr,error,msg){ alert(xhr); alert(error); alert(msg); }, success:function(data){ var info = ''; <%-- $.each(data,function(index,role) { info += "<option value='" + role.roleId + "'>" + role.roleName + "</option>"; });--%> var temp = eval(data); for (var i = 0; i < temp.length; i++) { info += "<option value='" + temp[i].roleId + "'>" + temp[i].roleName + "</option>"; } $("#onSelect").append(info); } }); }); </script>
相關推薦
下拉列表資料動態載入 springmvc jquery ajax
1、Spring-mvc 程式碼如下 : <!-- 避免IE執行AJAX時,返回JSON出現下載檔案 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframew
easyui 下拉列表如何動態載入資料
<input class="easyui-combobox" name="yearChoose" id="yearChoose" data-options="valueField:'id',textField:'text'"/> $(funct
幾種常用的下拉列表的動態載入和選中寫法
前端開發中,常用的幾種下拉框方式,包括:easyui中的combobox,combo,html中的select標籤<select></select>,struts2標籤:<
bootstrap-select下拉搜尋外掛 動態載入自己資料的二級聯動
bootstrap-select是boot的下拉搜尋外掛,使用的時候有時我們需要動態從後臺 或者 直接載入動態資料。下面是根據一級下拉選單,動態載入二級聯動方式。首先引入js與css檔案(一個css兩個js)<link rel="stylesheet" href="cs
樹狀下拉combotree的動態載入
用的是easyui的combotree外掛 先貼效果 當返回的節點的state為open時說明他是有下級資料的,否則就是節點資料, 每次點選上級的時候,上級節點展開之前,他會根據上級的id取請求他的下級資料,如果有資料,展開後會把資料自動填充為他的下級即children:屬性,依次
poi匯出下拉列表,解決下拉列表資料過多問題
// 傳入下拉列表陣列值,構造資訊模板 public static Workbook generateExcel(String[]typeArrays) { Workbook wb = new XSSFWorkbook(); // 建立模板工作表 Sh
jQuery_wuui select 下拉列表 資料渲染
<div class="weui-cells" style="margin-top: 0"> <div class="weui-cell"> <div class="weui-cell__hd"><label for="select-
獲取下拉列表資料
ddl.DataSource=DateTable dt; ddl.DataTextField=dt.Columns[" A "] .ToString(); ddl.DataValueFied=dt.Columns[" B "].ToString(); ddl.DataBind();
.NET中一般處理程式(ashx)在Ajax中的使用--下拉列表的動態級連
NET框架中有一個檔案型別是一般處理檔案(.ashx)。可以在ajax開發中作為伺服器端使用。特別是當在請求停留在一個頁面的時候,下面舉個例子--實現html下拉列表的級連更新。 (1)ddlInnerJoin.aspx程式碼: <head runat="server"
select 下拉列表資料回顯
今天寫程式碼的時候出現了一個問題。 當我按課程進度不到100%進行查詢的時候,出現的是上圖的結果。這沒問題。點選下一頁的時候。出現的結果應該也是正常的才對 這是因為我點選查詢完了以後,返回本頁面的時候 對課程進度下拉框進行資料回顯。 程式碼如下 如果不進行資料回顯會出
多級下拉列表預設觸發下拉事件載入資料
jQuery.get("./getProvinceList",{},function(data){ console.log(); var list = data.data.list; var html = "<option value='0
C# 動態顯示下拉列表的資料
public List<UserInfo> list = new List<UserInfo>(); //查詢採購員 SqlConnection conn = new SqlConnection("Server=.;Database=JiYunMaterials
jQuery動態新增下拉列表選項
不說了,直接上程式碼: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String
Ajax動態為下拉列表新增資料
1. 前臺jsp,新建一個下拉控制元件 <select id="seldvd" onChange="sel_onchange(this)"></select> 2. js部分,建一個function方法,利用ajax,指向 'get
jquery用ajax方式從後臺獲取json資料後如何將內容填充到下拉列表
從後臺獲取json資料,將內容填充到下拉列表,程式碼非常簡單,具體過程請看下面程式碼。 需求:url:連結 par:ID sel:下拉列表選擇器 function BuildSelectBox(url, par, sel) { $(sel).emp
關於js動態向下拉列表中新增資料
在網上找的,經過試驗還不錯,反正很適合我,直接。 大體的思路就是: var objSelect = document.getElementById("leixingwx");//獲得select標籤物
ajax動態載入下拉框資料
下拉框—–ajax動態載入資料 嗨!這是我發表的第一篇部落格,希望對大家有所幫助,有什麼不對的地方還望校正! jsp頁面(型別一) <select class="form-control" name="orgName" id="select_
Easyui 下拉列表動態繫結資料 C#
前端程式碼: <input id="ipt_typeName" name="ipt_typeName"/> js: $('#ipt_typeName').combobo
JQuery控制下拉列表
nbsp tro 屬性。 -s oca function 表示 query txt //遍歷option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPT
jQuery學習(七)——使用JQ完成下拉列表左右選擇
谷歌瀏覽器 opp 榮耀 學習 華為 style 1.8 script cname 1、需求:實現以下功能 2、步驟分析: 第一步:確定事件(鼠標單擊事件click) 第二步:獲取左側下拉列表被選中的option($(“#left option:selected”)) [