Die änderung mit jQuery wählen Sie nicht die option ausgewählte anzeigen

Habe ich die versteckte form, mit ein paar Felder auswählen und einige Felder. Klicken Sie auf die Schaltfläche zeigen, dass form und legen Sie einige Werte in die Felder ein. Die input-Felder sind gefüllt mit den angegebenen Werten, aber ich habe ein problem mit den select-Feldern.

Mithilfe dieses Codes:

$("#form select[name=user]").val(value);

option mit diesem Wert bekommt das Attribut "selected" (kontrolliert im Firebug), aber wählen Sie Feld zeigt immer noch "Wählen" (erste option).

Habe ich versucht zu tun, Schärfe und Unschärfe nach Einstellung Wert, aber das hat nicht funktioniert entweder.

Irgendwelche Vorschläge?

Dies ist so ziemlich der standard form:

<form action="#" id="form" class="fix">
<div class="holder">
    <label>User:</label>
    <select name="user" class="styled">
        <option value="0" selected>Choose</option>
        <option value="1">User 1</option>
        <option value="2">User 2</option>
        </select>
    </div>
</form>

Und durch Aufruf der jQuery-Anweisung:

$("#form select[name=user]").val('2');
$("#form").show();

Bekomme ich im Firebug:

<form action="#" id="form" class="fix" style="display:none">
<div class="holder">
    <label>User:</label>
    <select name="user" class="styled">
        <option value="0">Choose</option>
        <option value="1">User 1</option>
        <option value="2" selected>User 2</option>
        </select>
    </div>
</form>

aber der text ist, wählen Sie " bleibt "Wählen". Wenn ich ein Formular Einreichen, wird der Wert korrekt übergeben.

Als wenn ich reset das Formular und wählen Sie eine option, den text der ausgewählten option wird korrekt angezeigt. Das ist, was ist seltsam für mich.

  • Es funktioniert mit jQuery 1.8.3 und 1.9.0
InformationsquelleAutor Jovica | 2010-12-03
  1. 26

    Habe eine Lösung gefunden. Ich vergaß zu nennen change-Ereignis für . Ich wusste nicht, dass jQuery nicht tun es automatisch. Also der code für die Lösung ist:

    $("form select[name=user]").val(value).change();
    • du, meine Liebe, mein problem zu lösen. Dank einem Haufen.
    InformationsquelleAutor Jovica
  2. 11

    Ich hatte das gleiche problem mit dropdown-html-tag. Und bekam die Lösung.
    Was ich-Analyse während der Benutzung .ändern Sie(), .attr() und .prop() freigegeben ist unten.

    1. .ändern Sie() : Wenn ich .ändern Sie() nicht funktionieren, in meinem Fall, so ist es nicht zuverlässig. Auch die Browser-version Problem.
    2. .attr() : Wenn ich .attr() Methode/Funktion, für zB.
      $('#db_service option[value=1]').attr('selected', 'selected');
      Analyse: Es set-Attribut des select-Tags option selected=ausgewählt, als ich sah, source-code. Aber auf dem Bildschirm ändert, sind NICHT Erschienen.
    3. .prop() : Wenn ich .prop() Methode/Funktion, für zB.
      $('#db_service option[value=1]').prop('selected', 'selected');
      Analyse: Es wird NICHT eingestellt-Attribut des select-Tags option selected=ausgewählt, als ich sah, source-code. Aber auf dem Bildschirm, änderungen sind ERSCHIENEN.

    Meine Lösung:
    Verwendet beides .attr() und .prop() für mehr perfekte Ergebnis

    $('#db_service option[value=1]').attr('selected', 'selected');
    $('#db_service option[value=1]').prop('selected', 'selected');
    $('#db_service').val("1").change()

    • Kombinieren Sie unten, um eine einzige Linie, die mit serialisieren. $('#db_service option[Wert=1]').attr('selected', 'selected'); $('#db_service option[Wert=1]').prop('selected', 'selected');
    • verwenden Sie beide attr und Stütze mein problem gelöst danke (ich werde verrückt mit diesem problem)
    InformationsquelleAutor Naisarg Parmar
  3. 3

    Ich hatte das gleiche problem. Bei http://api.jquery.com/attr/, es gibt einige Anmerkungen über .prop() Methode statt .attr(). Auch, wie Jovica Antwort geändert-option erscheint nur in Firefox (20.0 ist meine version), wenn wir uns die .change () - Methode am Ende.

    • Danke für die Erwähnung die .prop() Methode. Ich hatte einen bug hier, weil ich mit war .attr() statt .prop(), und die änderung der Methode gearbeitet.
    • Schön 🙂 . Du bist herzlich willkommen.
    InformationsquelleAutor mpoletto
  4. 1

    Ich hatte das gleiche Problem, ich habe versucht, ändern Sie die ausgewählte option ein wählen Sie eine form hat, verborgen war.

    Den .attr(attribute, value) war nicht als option angezeigt wurde, nicht zeigen, bis auch das ausgewählte Attribut korrekt aktualisiert. Die .prop(property,value) hat den trick.

    InformationsquelleAutor Tha boudj
  5. 0

    den '#form select[name=user]' versucht zu wählen <select name="user"> - element, das ein child eines Elements mit der id "form"... z.B.:

    <div id="form">
  <select name="user">  //This element

    Ich glaube, Sie wollen die folgenden:

    $("form select[name=user]").val(value);

    Sollte jetzt wählen Sie eine <select name="user"> - element, das ein Kind von einer form, wie zB:

    <form>
  <select name="user"> //This element
    • Wir haben zwei Formen, und das ist, warum wir ID für das Formular. Ich geputtet form zu vereinfachen, die Beispiel. Das Teil funktioniert wie es sollte. 🙂
    InformationsquelleAutor Damien-Wright
  6. 0

    Wollte ich erwähnen, dass ich versucht hier alles-und nur das hinzufügen der folgenden Zeile direkt oberhalb $("#form select[name=user]").val(value); für mich gearbeitet:

    $('#form select[name=user]').trigger("updated");
    InformationsquelleAutor user3502734
Schreibe einen Kommentar