Remplir 2ème liste déroulante basée sur la 1ère liste déroulante de sélection à l'aide de jQuery, ajax, struts2

Modifier Est-il un autre moyen que je peux remplir la 2ème déroulant au 1er menu déroulant jquery, ajax. S'il vous plaît poster un lien si quelqu'un a un.

J'ai mise à jour de la deuxième liste déroulante basée sur la première liste déroulante de sélection. Je suis à l'aide de jQuery et Struts2. Je veux mettre à jour la deuxième liste déroulante à l'aide de jQuery ajax. Quelqu'un peut s'il vous plaît aidez-moi le code. J'ai essayé avec la méthode ci-dessous mais de toute façon, j'étais incapable de passer les paramètres à l'Action de classe. Je vous remercie à l'avance.

http://www.joe-stevens.com/2010/02/23/populate-a-select-dropdown-list-using-jquery-and-ajax/

Edit:
Comme par Climbage dit que je suis à jour avec le code tout ce que j'ai.

caseSelect est la première liste Déroulante, termSelect est deuxième, casetermcodes est l'action. selCaseDropDown est variable cachée, je veux récupérer la valeur sélectionnée de la première liste déroulante dans l'Action de la classe où j'ai getter et setter pour cette variable. J'ai d'abord collé à l'envoi de la valeur sélectionnée à l'action de classe. Je n'ai pas n'a rien d'autre de ce point.

    $("#caseSelect").change(
        function(){
        $("#result").html('Retrieving ...');
        var selCase = $("#caseSelect").val();
        $.ajax({
            type: "POST",
            url: "/dwdst/casetermcodes",
            data: {selCaseDropDown: selCase},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                $("#termSelect").get(0).options.length = 0;
                $("#termSelect").get(0).options[0] = new Option("Term Codes", "-1");   

                $.each(msg.d, function(index, item) {
                    $("#termSelect").get(0).options[$("#termSelect").get(0).options.length] = new Option(item.value, item.key);
                });
            },
            error: function() {
                alert("Failed to load Term Codes");
                $("#result").hide();
            }
        });
    });

Classe d'Action :

public String execute(){
    logger.info("selected value >>"+selCaseDropDown);
    return SUCCESS;
}

public String getSelCaseDropDown(){
    return selCaseDropDown;
}

public void setSelCaseDropDown(String selCaseDropDown){
    this.selCaseDropDown = selCaseDropDown;
}
  • Vous pouvez poster ce que vous avez déjà?
  • J'ai juste mis à jour avec le code disponible.
  • Aucune aide de personne, au moins commencer à obtenir la valeur sélectionnée dans Struts action. Quel est le problème avec cette "données: {selCaseDropDown: selCase},"
  • où est l'action Struts?
  • Maintenant j'ai essayé d'obtenir la valeur Sélectionnée de la liste déroulante. Je n'allais pas du tout. Je n'ai pas écrit le code de l'action, seulement un getter et le setter de la méthode. J'ai mis à jour le code ci-dessus.
InformationsquelleAutor changeme | 2011-03-28
  1. 3

    J'ai résolu ce problème en créant un autre court JSP qui a seulement déroulant (deuxième menu déroulant) en tant que code html et dans mon action résultat serait cette courte page.

    Lorsque la première page est de sélectionner action d'appel à l'aide de code ci-dessous et en remplaçant la liste déroulante déjà montré dans jsp avec ce deuxième court déroulant uniquement jsp.

    getSecondSelect est l'action que je fais appel qui a pour résultat que de courte jsp.

    tercodeResult est la balise div qui est remplacée par la nouvelle déroulant.

    selId est la valeur sélectionnée à partir de la première liste déroulante.

            $.ajax({
            type: "GET",
            url: "getSecondSelect",
            data:"selId=" + selCase,
            dataType: "text/html;charset=utf-8",
            success: function(msg) {
                $("#tercodeResult").html(msg);
            }
        });
    InformationsquelleAutor changeme
  2. 1

    Essayer cela, vous aidera dans Struts 2.0.14 avec jsonplugin-0.32.jar.

    struts.xml:

    <struts>
     <package name="example" extends="json-default">
        <action name="HelloWorld" class="example.HelloWorld"  >
            <result type="json" />
        </action>
              <action name="HelloWorld1" class="example.HelloWorld"  >
            <result name="success" >example/HelloWorld.jsp</result>
        </action>
    </package>
</struts>

    action de classe Helloworld.java:

    package prabhakar;

import glb.DB;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

/**
 * Prabhakar
 */
public class HelloWorld {

    private List<StateMaster> stateList = new ArrayList<StateMaster>();
    private List<RegnMaster> regnList = new ArrayList<StateMaster>();
    private Integer stateId;

    public Integer getStateId() {
        return this.stateId;
    }

    public void setStateId(Integer stateId) {
        this.stateId = stateId;
    }

    public List<StateMaster> getStateList() {
        return stateList;
    }

    public void setStateList(List<StateMaster> stateList) {
        this.stateList = stateList;
    }

    public void setRegnList(List<RegnMaster> regnList) {
        this.regnList = regnList;
    }

    public List<RegnMaster> getRegnList() {
        return regnList;
    }

    public String execute() throws Exception {

        stateList = DB.getStateData()//
            if (stateId != null) {
            regnList = DB.getRegnByStateId(stateId);
        }

        //setMessage(getText(MESSAGE));
        return "success";
    }
    /**
     * Provide default valuie for Message property.
     */
}

    Vous pouvez appeler directement HelloWorld.action pour afficher les données JSON ou autre chose que vous pouvez lier les données JSON à un élément de formulaire ci-dessous.

    Page JSP HelloWorld.jsp:

      /*
     Prabhakar
  */

<%@ page contentType="text/html; charset=UTF-8" %>    
<%@ taglib prefix="s" uri="/struts-tags" %>

<script>
    <%@include file="../js/jquery-1.7.1.min.js"%>
</script>

<html>

    <!-- JavaScript Plugins -->
    <script>
        function getLoad(){

            var stateId = $('#state').val();

            $.getJSON('HelloWorld.action', {'stateId': stateId},
            function(data) {

                var divisionList = (data.regnList);

                var options = $("#regn");
                options.find('option')
                .remove()
                .end();
                options.append($("<option />").val("-1").text("--Select--"));
                $.each(divisionList, function() {

                    options.append($("<option />").val(this.regnId).text(this.regnName));
                });
            }
        );}
    </script>

    <!-- jQuery-UI Dependent Scripts -->

    <body>
        State List <s:select name="stateId" list="stateList" id="state" listKey="stateId" onchange="getLoad()" listValue="stateName" headerKey="0" headerValue="--select--" />
    Regn List <s:select name="regnId"  list="regnList" listKey="regnId" id="regn" listValue="regnName" headerKey="0" headerValue="--select--" />
</body>
</html>
    InformationsquelleAutor Prabhakar Manthena