chzn-select unerwünschte dropdown jquery erstellt

Ich habe ein dropdown-Stil die ausgewählten jquery, es sieht aus und funktioniert gut.

Dieser dropdown-Liste bietet zwei Optionen: Verteidiger und Beschützer.

Wenn der Benutzer wählt eine option es erscheint ein zweites dropdown (das ist seltsam gewählt, dass Sie nicht gestylt) und die Fragen, ob Verteidiger oder Beschützer hat oder nicht, eine ID.

chzn-select unerwünschte dropdown jquery erstellt

Ich weiß nicht, wie sich zu bewerben gewählten Stil zu generierten dropdown-Liste.
Ich habe versucht, anfügen chzn-Klasse auf jquery-Funktion hat aber keinen Erfolg.

Wie Stil generierten dropdown-Liste mit gewählten Stil ?

Dies ist das Skript:

$(function () {
    $('#select_guy').change(function () {
        $('#already_exists').show();
        $('.people_class').hide();
        if ($('#select_guy').val() == 'Defender') {
            $("#already_exists").html('');
            $("<option/>").val('0').text('Select option').appendTo("#already_exists");
            $("<option/>").val('Defender-hasID').text('Defender has ID').appendTo("#already_exists");
            $("<option/>").val('Defender-noID').text('Defender has NO ID').appendTo("#already_exists");
        }
        if ($('#select_guy').val() == 'Protector') {
            $("#already_exists").html('');
            $("<option/>").val('0').text('Select otcion').appendTo("#already_exists");
            $("<option/>").val('protector-hasID').text('Protector has ID').appendTo("#already_exists");
            $("<option/>").val('protector-noID').text('Protector has NO ID').appendTo("#already_exists");
        }
    });
    $('#already_exists').change(function () {
        $('.people_class input').val('');
        $("#id_cedente").val('').trigger("liszt:updated");
        $("#id_protector").val('').trigger("liszt:updated");
        $('.people_class').hide();
        $('#' + $(this).val()).show();
        /*if (  $('#already_exists').val() == 'Defender-noID'  )
            $(".chzn-select").val('').trigger("liszt:updated");*/
    });
});
$(".chzn-select").chosen();
$(".chzn-select-deselect").chosen({
    allow_single_deselect: true
});
$(".chzn-select").chosen({
    no_results_text: "No results"
});

Bitte werfen Sie einen Blick auf die jsfiddle

- - - - update

@Serhiy fast gelöst, es hinzufügen
$('#already_exists').chosen();
am Ende der Funktion als

hier gezeigt

jedoch ein neues Problem hervorgebracht
wenn der Benutzer wählt eine option ist ok, aber wenn user plötzlich seine Meinung ändert und beschließen, wählen Sie eine andere option auf der ersten Ebene {Defender, Protector} jquery erstellt eine neue dropdown-so jetzt sind es 3!
wie:

chzn-select unerwünschte dropdown jquery erstellt

InformationsquelleAutor cMinor | 2013-07-14

  1. 1

    Ich denke, die Sie gerade brauchen, um ausführen die render-Methode in der main-Funktion ändern.

    $(".chzn-select").chosen();

    Als drop-down wird dynamisch Hinzugefügt und ist nicht als Zitat wiedergegeben.

    Haben auch Sie schaute in wählen Sie 2 wenn dies ein neues Projekt, es kann sein, mehr entwickelt, an diesem Punkt, esp, seitdem Sie arbeiten mit jquery. http://ivaynberg.github.io/select2/

    nicht kennen, wählen Sie 2, danke dir, ich werde schauen, aber ich möchte dieses zu erhalten getan mit chzn ersten. Könntest du bitte posten das jsfiddle, wo sollte ich hinzufügen $(".chzn-select").chosen(); so es verwendet wird, um generierten dropdown?
    Ich war auf der 1. Funktion ändern, $('#select_guy').change(Funktion () { wenn ja, wenn Sie wollen zusammen ein js-fiddle für mich mit diesem problem werde ich versuchen und lösen es für Sie gibt
    Ich fügte hinzu, Linie der code aber denke ich nicht es richtig machen, könnten Sie mir bitte helfen mit diesem? hier ist ein Turnschuh jsfiddle.net/Kktp8/6
    ohh, Hoppla, wollte nicht sehen, Sie hatte die Geige bis es schon, sowieso, dass die rendering-Aufruf sollte an der Unterseite der Funktion, nachdem die Optionen wurden Hinzugefügt. Auch, dass 2. wählen Sie nicht die notwendige css-Klasse, aber das schlimme ist, das Sie hatte, getan diejenigen, die es immer noch nicht für mich arbeiten. Auch wenn Sie hatte machte die Kontrolle ursprünglich und versucht, $("#already_exists").trigger("liszt:updated"); die Dinge noch nicht. Idk wenn dies ist eine ausgewählte Probleme oder was, aber ich nur habe ich den rendering-unten-Methode, basierend auf ID. jsfiddle.net/Kktp8/10
    Ja, das ist, was ich habe, dass 19 fiddle, hatte ich vergessen, zu schlagen, zu aktualisieren.

    InformationsquelleAutor Serhiy

Schreibe einen Kommentar