jqueryは、jsonオブジェクトを使用してドロップダウンメニューの二次リンケージを実装し、DBから値を取得してlinkage_javascriptスキルを表示します

struts2とAjaxを使ってjsonオブジェクトの送信を実現し、メニューの二次連携を実現します

以下は私のjsファイルの元のコードです:

コードをコピー コードは次のとおりです:

var mail={
//初期化
init:{
//初期化データ
initdata:{
did:'',
ttitle:'',
sendpassword:'',
description:''
},
//初期化event
initevent:{
DataEvent:function(){
$("#did").unbind("change");//第 1 レベルのメニューを取得し、イベントをバインドします
$ ("#did").bind("change ",function(){
//alert($(this).val());
mail.init.initdata.did=$(this). val();
//alert(mail.init.initdata.did);
},
$.post("mailAction_showUsers?did=" mail.init.initdata.did,null,function(data){
var uidoption =$("#uid") ;// セカンダリ メニューを取得します
uidoption.empty();// リストを空にします
for(var i=0;i//それにオプションを入力し、Loop
uidoption.append("" data.users[i].username "" );
}
});
},
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("内容を入力してください!");
return false ;
}
else
return
});
}
}
}

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


バックグラウンドアクション:

コードをコピーします

コードは次のとおりです。 >public String getDid(){ ... } public void setDid(Strign Did){ ... }

public String showUsers(){

users=(ArrayList)this.userService.getUsersByDid(did);
System.out.println() "...");
return SUCCESS; }


Struts.xml 構成:




コードをコピー


コードは次のとおりです:

<パッケージ名="users" namespace="/" extends="json-default">

<アクション名="mailAction_showUsers" メソッド="showUsers" class="mailAction"> ; jsp ページ:

コードをコピー


コードは次のとおりです:

受信者
< /s:select>

これは実装後の操作のスクリーンショットです: 困っている人向けに書かれたものです。 。 。リファレンス リファレンス