欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動

 更新時間:2014年03月27日 11:19:10   作者:  
這篇文章主要介紹了jquery實現(xiàn)下拉菜單的二級聯(lián)動利用json對象從DB取值顯示聯(lián)動,需要的朋友可以參考下
利用struts2和Ajax實現(xiàn)json對象的傳輸,然后實現(xiàn)菜單的二級聯(lián)動

下面是我的 js文件原碼:
復制代碼 代碼如下:

var mail={
//初始化
init:{
//初始化數(shù)據(jù)
initdata:{
did:'',
ttitle:'',
sendpassword:'',
description:''
},
//初始化事件
initevent:{
DataEvent:function(){
$("#did").unbind("change");//獲取一級菜單,綁定事件
$("#did").bind("change",function(){
//alert($(this).val());
mail.init.initdata.did=$(this).val();
//alert(mail.init.initdata.did);
mail.init.initevent.getuser();
});
},
<span style="color:#ff0000;">getuser:function(){
$.post("mailAction_showUsers?did="+mail.init.initdata.did,null,function(data){
var uidoption=$("#uid") ;//獲取二級菜單
uidoption.empty();//將列表清空
for(var i=0;i<data.users.length;i++){
//向里面填充option,通過循環(huán)
uidoption.append("<option value="+data.users[i].uid+ " >"+data.users[i].username+"</option>" );
}
});</span>
},
submitCheck:function(){
$("#send").unbind("click");
$("#send").bind("click",function(){
mail.init.initdata.description=$("input[type='textarea']").text();
mail.init.initdata.sendpassword=$("input[name='sendpassword']").val();
mail.init.initdata.ttitle=$("input[name='ttitle']").val();

if(mail.init.initdata.sendpassword==""){
alert("請輸入密碼!");
return false;
}
else if(mail.init.initdata.ttitle==""){
alert("請輸入主題!");
return false ;
}
else if(mail.init.initdata.description==""){
alert("請輸入內(nèi)容!");
return false;
}
else
return true;
});
}
}
}
}

$().ready(function(){
mail.init.initevent.DataEvent();
mail.init.initevent.submitCheck();

});

這是后臺的action:
復制代碼 代碼如下:

private int did;
public String getDid(){
...
}
public void setDid(Strign did){
...
}
public String showUsers(){

users=(ArrayList<User>)this.userService.getUsersByDid(did);
System.out.println(users.size()+"...");
return SUCCESS;
}

struts.xml的配置:
復制代碼 代碼如下:

<package name="users" namespace="/" extends="json-default">
<action name="mailAction_showUsers" method="showUsers" class="mailAction">
<result type="json"></result>
</action>

</package>

前臺的jsp頁面:
復制代碼 代碼如下:

<td width="65px">接收人</td>
<td> <s:select list="departmentlist" listKey="did" listValue="dname" id="did" name="did"></s:select>
<s:select list="users" listKey="uid" listValue="username" id="uid" name="uid"></s:select>
</td>

這個是 實現(xiàn)后運行的截圖:
 
寫給有需要的人。。。參考參考

相關(guān)文章

  • 原生Js實現(xiàn)的畫廊功能

    原生Js實現(xiàn)的畫廊功能

    這篇文章主要介紹了原生Js實現(xiàn)的畫廊功能,幫助大家更好的理解和學習使用JavaScript,感興趣的朋友可以了解下
    2021-05-05
  • Javascript頁面添加到收藏夾的簡單方法

    Javascript頁面添加到收藏夾的簡單方法

    這篇文章介紹了Javascript頁面添加到收藏夾的簡單方法,有需要的朋友可以參考一下
    2013-08-08
  • 一次微信小程序內(nèi)地圖的使用實戰(zhàn)記錄

    一次微信小程序內(nèi)地圖的使用實戰(zhàn)記錄

    這篇文章主要給大家介紹了關(guān)于一次微信小程序內(nèi)地圖使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用微信小程序具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-09-09
  • 微信小程序 scroll-view的使用案例代碼詳解

    微信小程序 scroll-view的使用案例代碼詳解

    這篇文章主要介紹了微信小程序 scroll-view的使用案例分析,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • JS 文字符串轉(zhuǎn)換unicode編碼函數(shù)

    JS 文字符串轉(zhuǎn)換unicode編碼函數(shù)

    AJAX傳遞中文字符串時必須把中文字符串編碼成unicode,一般會用到JS的自帶函數(shù)escape().不過找到了更好的函數(shù)來確決中文字符轉(zhuǎn)換成unicode編碼的函數(shù)
    2009-05-05
  • uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn)

    uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn)

    本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-11-11
  • uniapp引入axios異步框架的完整步驟

    uniapp引入axios異步框架的完整步驟

    雖然Uniapp可以使用Vue.js自帶的$http,但也可以使用Axios,只需要在項目中進行簡單的配置,這篇文章主要給大家介紹了關(guān)于uniapp引入axios異步框架的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • 詳解javascript中的Strict模式

    詳解javascript中的Strict模式

    我們都知道javascript是一個弱類型語言,在ES5之前,javascript的程序編寫具有很強的隨意性,我可以稱之為懶散模式(sloppy mode)。比如可以使用未定義的變量,可以給對象中的任意屬性賦值并不會拋出異常等等。本文將詳細介紹javascript中的Strict模式。
    2021-06-06
  • JavaScript偏函數(shù)與柯里化實例詳解

    JavaScript偏函數(shù)與柯里化實例詳解

    這篇文章主要介紹了JavaScript偏函數(shù)與柯里化,結(jié)合實例形式詳細分析了JavaScript偏函數(shù)與柯里化的概念、原理、定義、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
    2019-03-03
  • 使用JS判斷頁面是首次被加載還是刷新

    使用JS判斷頁面是首次被加載還是刷新

    這篇文章主要介紹了js判斷頁面是首次被加載還是刷新,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05

最新評論