festlegen der selectedIndex-Eigenschaft des DropDown mit jQuery?

bin ich, die versuchen, den index des dropdown-0; wenn der Benutzer deaktivieren Sie das Kontrollkästchen, wie im Beispiel, aber wie einige seiner einfach zu ignorieren...

$ddlHeader.attr('selectedIndex', 0);

http://jsfiddle.net/abuhamzah/9YM4P/

//html:

Header:
<br /><input id="check" type="checkbox" name="approve" />
<select id="myddl" name="myddl">
    <option value="0">select me</option>
    <option value="1">One</option>
    <option value="2">Twooo</option>
    <option value="3">Three</option>
</select>

//js

var $ddls = $('select');
var $check = $('#check');
var $ddlHeader = $("#myddl"); 

$ddls.prop("disabled", true); 

$check .click(function() {
    $ddls.prop("disabled", true); 
    $ddlHeader.prop("disabled", !this.checked);
    $ddlHeader.attr('selectedIndex', 0);

});

InformationsquelleAutor Nick Kahn | 2012-05-09

  1. 14
    $ddlHeader.find('option:first').prop('selected', 'selected');

    Aktualisiert Fiddle

    Update:

    $('select').prop('selectedIndex', 0);

    Oder mit mehr code, aber flexibler:

    $('select').each(function() {
    $(this).find('option:first').prop('selected', 'selected');
});
    nur versuchen zu verstehen, Ihren code... was wäre wenn; wenn ich will, dass alle (find('select') der dropdown-Liste ausgewählt werden, um index = 0 wie würden Sie das tun?
    Hab das update die Antwort auf Ihre Frage?
    ja, es funktioniert danke Mann
    Ich habe Folgendes und ich erhalte null: stackoverflow.com/questions/29653375/...

    InformationsquelleAutor gdoron

  2. 4

    Verwenden .prop wie unten

    $ddlHeader.prop('selectedIndex', 0);

    Aktualisiert fiddle

    InformationsquelleAutor Selvakumar Arumugam

  3. 2

    UPD:

    Ich verwirrt selectedIndex und Wert. Also diese Lösung würde nur funktionieren, wenn Sie ausdrücklich möchten, dass der Wert = 0 ausgewählt werden:

    Verwenden val(0) statt 

    $check.click(function() {
    $ddls.prop("disabled", true); 
    $ddlHeader.prop("disabled", !this.checked);
    $ddlHeader.val(0);
});

    http://jsfiddle.net/9YM4P/1/

    Das "brennt" der null-Wert in den code.
    richtig... verwirrt-Wert und den index 🙁 +1 zu verkaufen
    Nein, Sie sind der Wert 0 und funktioniert einwandfrei, weil die entsprechende option ist bei index 0
    Es ändert sich nicht der index! wählen Sie die option mit der 0 Wert. check this fiddle
    yep, ich habe es verwechselt - +1 für Ihre Lösungen

    InformationsquelleAutor zerkms

  4. -1

    //Diese Zeile funktioniert bei mir.
    $(function(){$("select").each(function (i) {
    $(this).prop("selectedIndex", 0);
    });
    });

    InformationsquelleAutor Mohan

Schreibe einen Kommentar