Ich habe auf meiner Website HTML-Code wie den folgenden:
<div class="groups">
<div class="group">
Group 1 priority:
<select>
<option value="1.0">1</option>
<option value="2.0" selected="selected">2</option>
<option value="3.0">3</option>
</select>
</div>
<div class="group">
Group 2 priority:
<select>
<option value="1.0">1</option>
<option value="2.0">2</option>
<option value="3.0" selected="selected">3</option>
</select>
</div>
<div class="group">
Group 3 priority:
<select>
<option value="1.0" selected="selected">1</option>
<option value="2.0">2</option>
<option value="3.0">3</option>
</select>
</div>
</div>Ich bin auf der Suche nach einem Weg, um die Reihenfolge dieser Gruppen im Browser mit jQuery zu sortieren, basierend auf dem, was im Dropdown ausgewählt ist. Es sollte neu sortieren, wenn der Benutzer einen neuen Wert in einem der Dropdowns, oder beim Laden der Seite auswählt.
Was wäre die einfachste Lösung für dieses Problem?
Ich habe jQuery UI zur Verfügung, wenn die sortierbare Sache in irgendeiner Weise verwendet werden kann. Ich konnte nicht nicht einen Weg finden, das zu verwenden.
Update : In dem <div class="group"> befinden sich weitere Daten, die den Dropdowns folgen sollten, egal wohin sie verschoben werden. Die Anzahl der Gruppen variiert von 0 bis 20.
