Wählen Sie Benutzerinformationen aus Dropdown-Boxen und zeigen Sie die ausgewählten Artikel aus der Datenbank mit Fortschrittszähler

Question

Ich muss Informationen von Mitarbeitern abrufen. Alle Daten sind in Dropdown-Boxen aufgelistet. Alle Mitarbeiter müssen sich einloggen, um alle Fragen zu beantworten. Sie haben nur die eine User-Dashboard-Seite. Bei der Einreichung werden alle ausgewählten Objekte in der Datenbank gespeichert. Wenn sie sich abmelden und erneut anmelden, müssen alle Auswahlfelder ihre ausgewählten Elemente aus der Datenbank sowie die anderen Optionen anzeigen, falls sie Informationen ändern möchten.

Beispiel gibt es eine Abteilung Option.

<select name="department"> 
    <option>Finance</option> 
    <option>Human Resources</option> 
    <option>Marketing</option> 
</select> 

Wenn sie die Abteilung Marketing auswählen und die Informationen aktualisieren und abmelden. Wenn sie sich wieder anmelden, wird das Feld "Marketing" im Auswahlfeld (da es sich um ihre gespeicherte Option handelt) mit den Dropdown-Optionen "Finanzen", "Personal" und "Marketing" angezeigt.

Wie kann ich diesen Elementen einen Fortschrittszähler geben, um sie in der Datenbank für Berichtszwecke zu speichern? Ich muss dann den Formularen auch einen Fortschrittsbalken hinzufügen. Wenn Sie eine Auswahl treffen, wird der Fortschrittsbalken um 5% erhöht, bis er 100% erreicht. Der Gesamt% aller Elemente, die sie für den Tag ausgewählt haben, muss in der Datenbank gespeichert werden Ich bin nicht in der Lage, das Fortschrittselement zu erhalten, um seinen Wert in einer Variablen zu speichern

Answer 1

Ich verstehe nicht vollständig, was ist Ihr Frage, aber ich würde vermuten, dass Sie für einen Zuhörer sind momentan mit .change() auf dem <select>

html

<select name="department"> 
    <option>Finance</option> 
    <option>Human Resources</option> 
    <option>Marketing</option> 
</select> 

jquery

$('select[name="department"]').change(onChange); 

function onChange() { 

    console.log('do something'); 

}