jquery implémente la liaison secondaire du menu déroulant à l'aide de l'objet json pour obtenir la valeur de la base de données afin d'afficher les compétences linkage_javascript

Utilisez struts2 et Ajax pour réaliser la transmission des objets json, puis réalisez le lien secondaire du menu

Ce qui suit est le code original de mon fichier js :

Copier le code Le code est le suivant :

var mail={
//Initialisation
init:{
// Données d'initialisation
initdata :{ did:'',
ttitle:'',
sendpassword:'',
description:''
},
//Initialisation event
initevent:{
DataEvent:function(){
$("#did").unbind("change");//Obtenir le menu de premier niveau et lier l'événement
$ ("#did").bind("change ",function(){
//alert($(this).val());
mail.init.initdata.did=$(this). val();
//alert( mail.init.initdata.did);
mail.init.initevent.getuser(
},
getuser:function(){
$.post("mailAction_showUsers?did=" mail.init.initdata.did,null,function(data){
var uidoption =$("#uid") ;// Récupérer le menu secondaire
uidoption.empty();//Effacer la liste
for(var i=0;i//Remplissez les options, transmettez 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("Veuillez entrer votre mot de passe!");
return false ;
}
else if(mail .init.initdata.ttitle==""){
alert("Veuillez saisir un sujet ! ");
return false ;
}
else if(mail.init.initdata.description==""){
alert("Veuillez saisir du contenu !");
return false ;
}
else
return true;
});
}
}
}

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

}


C'est le action en arrière-plan :

Copier le code Le code est le suivant : private int

public String getDid(){

...
}
public void setDid(Strign did){
...
}
public String showUsers(){

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


Configuration Struts.xml :

Copier le code

Le code est le suivant : ;

< ;result type="json">

page jsp :




Copier le code

Le code est le suivant :

Récepteur < /s:select>

Voici une capture d'écran de l'opération après mise en œuvre :

Écrit à ceux qui en ont besoin. . . Référence Référence