jQuery - Setzen Sie den ausgewählten Wert aller Dropdown-Menüs auf Seite

Question

Ich habe eine andere jQuery Frage. Für ein Benutzersteuerelement mit vielen Datenbankaktivitäten möchte ich jQuery verwenden, um die ausgewählten Werte aller Dropdown-Elemente auf ihren "aktuellen" Wert zu setzen. Ich möchte dies tun, damit die Seite scheinbar den Datenbankaufruf beendet hat.

Meine jQuery-Fähigkeit ist nicht die beste, aber ich glaube, ich muss die pageLoad() verwenden. Und da jeder Drop-Down innerhalb einer Benutzersteuerung ist, kann ich für die Dropdown-Listen suchen, die mit „usrControl“

$('select[id ^="usrControl"'].each(function(){ 
    var selectedValue = $(this).val() 
    $(this).val(selectedValue) 
}); 

So etwas ist, was ich im Sinne habe.

Dank

Answer 1

Ich denke, ein Ansatz, um die Standardwerte des Schiebereglers auf Seite Last zu sparen wäre. Um dies zu erreichen können Sie die Daten an die Steuerung mit dem aktuellen Wert wie hinzufügen:

$(selector).each(function() { 
    $(this).data('default_val', $(this).val()); 
}); 

Und nachdem die Datenbank aktualisiert wird, können Sie ‚Reset‘ die Werte.

$(selector).each(function() { 
    $(this).val($(this).data('default_val')); 
}); 

Sie sollten den Selektor mit dem rechten Wahlschalter ändern. :)

Vielleicht ist es auch eine Idee, den Benutzer über ein erfolgreiches Update zu informieren. anderenfalls nur die Auswahlen wieder auflegen. Weil ich denke, dass es Benutzern möglich sein kann, Standardwerte zu übermitteln?

Schauen Sie sich dieses einfache Beispiel @ jsFiddle: http://jsfiddle.net/Lw7m8/