jQuery drop-down-Liste auf " ändern tun

Ich habe eine dropdownlist mit zwei Werten: der Sponsor und Social_Worker. Alles was ich tun möchte ist, wenn einer von Ihnen ist ausgewählt, es zeigt einem div und versteckt eine andere, und Umgekehrt, wenn der andere ausgewählt ist. Dies gelang mir mit den Tasten, aber nicht finden können, den richtigen Befehl, es zu tun mit einer dropdownlist, die einzige information, die ich finde ist immer der gewählte Wert.

Buttons jquery (das ist Arbeit):

<script type="text/javascript">
$(document).ready(function () {
    var det = $("#SponsorDetails");
    var all = $("#AllDetails");
    $(all).hide();
    $(det).hide();

    $("#Social_WorkerButton").click(function (e) {
        e.preventDefault();
        $("#AllDetails").show("slow");
        $("#SocialWorkerSubmit").show("slow");
        $("#SponsorDetails").hide("slow");
    });
    $("#SponsorButton").click(function (e) {
        e.preventDefault();
        $("#AllDetails").show("slow");
        $("#SponsorDetails").show("slow");
        $("#SponsorSubmit").show("slow");
    });
});

Versuchte ich mit:

$("#SelectAccount").change(function (e) {
        e.preventDefault();
        $("#SponsorDetails").show("slow");
        $("#SponsorSubmit").show("slow");
    });

HTML-DropDownList:

<asp:DropDownList ID="SelectAccount" runat="server">
        <asp:ListItem>Sponsor</asp:ListItem>
        <asp:ListItem Value="Social_Worker">Social Worker</asp:ListItem>
    </asp:DropDownList>

Nur um zu sehen, ob eine änderung des dropdownlist funktioniert alles, aber das scheint nicht zu funktionieren.

Hätten Sie etwas dagegen, einschließlich die HTML -, die Sie versuchen zu manipulieren auch? 🙂
Es wäre nützlich zu sehen, der HTML-Code für die in Frage kommenden Elemente. Speziell in der dropdown-Liste.
Enthalten die dropdown-Liste html, die Elemente, die versteckt/angezeigt werden nur zwei normale divs, und da die buttons mit jquery arbeiten, Sie scheinen in Ordnung zu sein.

InformationsquelleAutor Matt | 2012-02-26

  1. 3

    Warum bist du mit preventDefault() auf eine dropdown-Liste? Es wird nicht um irgend etwas zu machen, und vielleicht sogar Unterdrückung der Informationen, die Sie suchen.

    Versuchen 

    $("#SelectAccount").change(function() {
  //hide social worker and sponsor stuff
  val = $(this).val();
  if (val == 'Social_Worker') {
    //show social worker stuff
  } else {
    //show sponsor stuff
  }
 });

    Durch die Art und Weise, je nachdem, wie Ihr html eingerichtet ist, versteckt #Alldetails und zeigt dann etwas von innen heraus wird es nicht funktionieren, da die Eltern versteckt werden könnte.

    Bearbeitet für die syntax.

    Ich denke, dies ist ein Schritt in die richtige Richtung, aber es ist immer noch nichts zu tun. Ich habe versucht, die änderung der val var Wert = $("#SelectAccount option:selected").val(); aber funktioniert immer noch nicht.
    Überprüfen Sie diese Geige heraus- jsfiddle.net/e8PyH/1 Es ist im wesentlichen die gleiche Sache. Beachten Sie, dass ich hatte versehentlich Links einige der syntax in der Antwort oben. Wenn das nicht funktioniert, es könnte etwas mit deinen generierten HTML-Code.
    Ich ersetzte meine dropdown-Liste, mit der Sie geliefert und es hat funktioniert. Könnte es sein, weil ich war mit einem ASP dropdown-Liste? Nochmals vielen Dank.
    ASP dropdown hätte rendering geringfügig HTML auf die tatsächliche Ausgabe. Ja, das könnte schon ein Problem. Froh, dass es funktionierte!

    InformationsquelleAutor Jerry

  2. 0

    für die ex wenn Sie dieses Formular mit einfachen drop-down - 

    <script type="text/javascript">
 $(document).ready(function() {
 $('select[id$=<%=DropDownList1.ClientID%>]').bind("keyup
 change", function() {
 //do every thing you want
 });
 });
</script>

    InformationsquelleAutor Saeed-rz

Schreibe einen Kommentar