Wie initialisieren dropdown (<select/>) mit einem vorgewählten Wert und dann ändern?

Ich habe ein grid mit Drop-in jeder Zeile und ich brauche zu machen, es ist der Zustand aus der DB.
Also ich hab dropdowns definiert, wie das mit der gewählten option für die Vorauswahl der Wert aus der DB.

<select id='selectId'>
<option value='1'>Option 1</option>
<option value='2' selected='selected'>Option 2</option>
<option value='3'>Option 3</option>
</select>​

Das problem ist, dass wenn ich den Wert einer dropdown definiert, wie diese in einem browser es änderungen in der Benutzeroberfläche, sondern ausgewählte Attribut nicht bewegen und bleibt dort, wo es war.
Also, wenn ich dann call $("#selectId").val() bekomme ich den alten Wert.

Was ist der geeignete Weg, um zu initialisieren dropdown-Steuerelement, und dann haben die Fähigkeit, sich frei ändern Sie den Wert im browser oder durch jQuery?

  • Um zu klären, dein problem ist, dass wenn Sie den obigen code, Kennzeichnung option value='2' als selected wird der set-Option 2 standardmäßig ausgewählt werden, und Sie können nicht wählte die andere option.
  • Wenn Sie sagen, "von hand", du meinst durch den jQuery-code, oder nicht?
  • Eckman, ich verstehe das jetzt. Und kann Ihnen einen Rat zu geben, wie eine Vorauswahl dropdown Wert aus html, kein js? Vielleicht muss ich das mit obigen code und nach raster gerendert entfernen Sie alle "ausgewählten" Wert aus allen dropdowns? icyrock.com ich meine im browser. NICHT mit js (jQ).
  • Kannst du ein jsfiddle, zumindest die form und div halten es? Ich habe das problem, das ich denke, das Sie beschreiben, in der Vergangenheit, aber nicht in der Lage bin, es neu zu erstellen, um herauszufinden, wie es behoben wurde.
InformationsquelleAutor drunkcamel | 2012-02-29
  1. 2

    Dieser scheint einwandfrei zu funktionieren (Firefox auf Ubuntu):

    HTML

    <select id='selectId'>
<option value='1'>Option 1</option>
<option value='2' selected='selected'>Option 2</option>
<option value='3'>Option 3</option>
</select>

    JS

    $('#selectId').change(function() {
    var opt = $(this).find('option:selected');
    console.log([opt.val(), opt.text()]);   
});

var opt_sel = $('#selectId option:selected');
opt_sel.val(99);
opt_sel.text('Changed option');

    Wenn Sie die Optionen auswählen, werden Sie sehen, dass es gedruckt wird die geänderte version. Beispiel:

    Hoffe, das hilft.

    InformationsquelleAutor icyrock.com
  2. 1

    Sollte es funktionieren. Kann man die Einstellung nicht richtig.

    Sollten Sie passieren die value von der Möglichkeit val() Methode, um es auszuwählen.

    E. g $('#selectId').val('1'); setzen wird, die erste option gewählt und danach den Aufruf $('#selectId').val() geben Sie 1 und nicht 2.

    Hier ist das Beispiel http://jsfiddle.net/3eu85/

    InformationsquelleAutor ShankarSangoli
  3. 0

    Welchen browser Sie versuchen, diese in? Dein code sieht gut zu mir, und scheint zu funktionieren in dieses jsFiddle.

    InformationsquelleAutor Raul Agrait
  4. 0

    Erhalten Sie die val von der gewählten option, anstelle der select -

    $('select#selectId option:selected').val();

    Docs: http://api.jquery.com/val/

    InformationsquelleAutor maxijb
  5. 0

    verwenden Sie bitte diesen code stattdessen 

    $('#selectId option:selected').val();
    InformationsquelleAutor sam_13
Schreibe einen Kommentar