Ajax實現下拉框地址切換
效果如下
選擇新地址時清空表單,選擇某地址後自動填寫
1、後端struts2 Action程式碼
public String findAddr() throws IOException{ ServletResponse response = ServletActionContext.getResponse(); response.setCharacterEncoding("utf-8"); System.err.println("addressValue="+addressValue); Address addr = os.queryAddressById(addressValue); Gson gson = new Gson(); String json = gson.toJson(addr); PrintWriter out = ServletActionContext.getResponse().getWriter(); out.print(json); return null; }
2、前端Ajax程式碼
function switchAddr(){ if($("#address").val()==-1) { $("#addressId").val(null); $("#consignee").val(""); $("#fullAddress").val(""); $("#zipCode").val(""); $("#phone").val(""); $("#telephone").val(""); $("#zipCode").attr("readonly",false); $("#zipCode").css("background","#FFFFFF"); } else { $.ajax({ url:"${pageContext.request.contextPath }/address/findAddr", data:"addressValue="+$("#addressValue").val(), dataType:"json", success:function(data){ $('#addressId').attr("value",data.addressId); $('#consignee').attr("value",data.consignee); $('#fullAddress').attr("value",data.address); $('#zipCode').attr("value",data.zipCode); $('#phone').attr("value",data.phone); $('#telephone').attr("value",data.telephone); } }); } }
3、注意匯入Gson工具包
相關推薦
Ajax實現下拉框地址切換
效果如下選擇新地址時清空表單,選擇某地址後自動填寫1、後端struts2 Action程式碼public String findAddr() throws IOException{ ServletResponse response = ServletActio
struts2中用jquery、ajax實現下拉框的級聯
–這是剛學會的一個,從action中傳出json型別資料的字串,然後通過ajax再把字串解析出json物件。下面是大致的步驟。 1、post.jsp頁面 在js中加入函式程式碼 <
使用Ajax和Jquery配合資料庫實現下拉框的二級聯動
首先我們需要先建立好資料庫,將一些資料插入進去 需要兩張表: province:省份表 city : 城市表 如圖: 然後再在java中建立相關的實體類與之對應 再然後,我們就能開始做jdbc的操作了 public class ConnectionFa
js實現下拉框模糊查詢
content body col con 下拉 gpo for lis OS keyup方法觸發模糊查詢 list : Array<any> //下拉列表所有內容 filtList:Array<any> //過濾後的內容 inputContent
angularJs實現下拉框多選
IV 幹貨 text 註意 解釋 config del 是你 CA 話不多說,直接上幹貨。 肯定需要下拉選插件。必須引入的是 註意 先後順序 select2.css select2-bootstrap.css select2.min.js angular.mi
SpringMVC之ajax+select下拉框交互常用方式
ret val hash In new type dex chain ucc <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert
DJANGO實現下拉框的二級聯動
環境:PYTHON2.7+DJANGO1.9 有資料表如下,就是想在每次下拉框選擇dnsname欄位的時候,帶出對應的hostipaddr欄位 實現如下 models.py from __future__ import unicode_literals from django
微信小程式如何實現下拉框效果?(程式碼示例)
wxml程式碼: <view class='top-text'> 選擇接收班級</view> <!-- 下拉框 --> <view class='top-selected' bindtap='bindShowMsg'> <
bootstrap-select外掛實現下拉框搜尋功能
工作上要用到在下拉框內實現搜尋功能,原生的select標籤是不能輸入的,所以最終找到了bootstrap-select外掛,功能十分強大,支援搜尋,多選,分組選中等。 本文摘取自: 官方文件 簡單示例 下面先附上我的程式碼,實現了搜尋功能,
multiselect實現下拉框條件檢索、支援多選、單選
<!DOCTYPE html> <html> <head> <title>Bootstrap Multiselect</title> &nbs
js實現下拉框二級聯動
在做專案的時候,一個新增問題題目,選項和答案的問題,題目型別分為選擇題,判斷題,和多選題三種,此處需要新增一個二級聯動的功能,即當題型為選擇題的時候,正確選項的下拉框裡出現的是A,B,C,D.如果題型是判斷題,正確選項的下拉框內容為正確,錯誤,如果題型型別為多選題,則正確答案的輸入框變為可輸
AJAX提交下拉框更新資料小筆記
好久沒用ajax寫下拉框了,讓我現在直接寫一個使用ajax提交下拉框的例子,我是真的不能一下子寫出來的,作為後端開發人員,這些也不是經常用,所以現在寫出來記錄下來,方便以後回頭看看,寫的不好請見諒! 本例子是搭配好的SpringMVC框架下寫的。 1、HTML頁面程式碼
java指令碼實現下拉框和文字框的資料交換
{ if(va.value==<%=a%>) str=' <input name="cnum" type="text" id="cnum" value
bootstrap實現下拉框dropdown選中select option 美爆了
bootstrap 官網的例子有點坑,它只給你下拉,並且美化了,但你點選下拉卻不能選擇,這個坎就已經讓一大堆人不想用它下拉框了,但原生的下拉框在每個瀏覽器長的的不一樣,尤其是在ie太醜,好了廢話不多說直接上程式碼;<div id="addgroups" class="b
bootstrap實現下拉框select option 美爆了
bootstrap 官網的例子有點坑,它只給你下拉並且美化了但你點選下拉卻不能選擇,這個坎就已經讓一大堆人不想用它下拉框了, 但原生的下拉框在每個瀏覽器長的的不一樣,尤其是在ie太醜,好了廢話不多說直接上程式碼; <!DOCTYPE html><html><head>
android實現下拉框和輸入框結合
1、如何實現:將一個EditText和ListView+PopupWindow 結合起來。自定義一個EditText,在自定義控制元件中用PopupWindow實現彈出ListView,已達到想要的效果。 2、需要的佈局: 1、EditText+ImageButton 的佈
Ajax 獲取下拉框分頁資料(滑鼠滾動分頁)
適用場景:下拉框中有大量資料的情況(建議100條資料以上就要考慮使用分頁獲取的方式了)。 直接上程式碼 引入相關js和css select2/select2.min.css select2/select2.min.js select2
jquery multiselect如何實現下拉框多選並獲取多個選項的值
今天做專案遇到了一個需要用多選框實現多選功能、並將多選框的值傳到後臺實現插入一張表的問題,最開始一直在想用複選框實現多選功能,後來發現做起來頁面不好看,最後在網上查資料,想找到一種方便使用的外掛,最後選擇了multiselect這個外掛。 首先簡單說下我要實
android實現下拉框(spinner),自定義大小顏色背景位置
1. 實現最簡單的spinner xml檔案,有一個TextView,一個Spinner: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:to
基於SSH實現下拉框的二級聯動
<script type="text/javascript"> $(function(){ getzhuceid(); }); function getzhuceid() { var z