Déplacer <option> en haut de la liste avec Javascript

Question

J'essaie de créer un bouton qui va déplacer l'OPTION actuellement sélectionnée dans une liste SELECT MULTIPLE en haut de cette liste. J'ai actuellement OptionTransfer.js mis en œuvre, ce qui me permet de déplacer des éléments haut et bas de la liste. Je souhaite ajouter une nouvelle fonction

function moveOptionTop(obj){ 
var i = obj.selectedIndex; 
if(i == 0){return;} 
var length = obj.options.length; 
for(j=length;j>0;j++){ obj.options[j] = obj.options[j-1]; //move all elements up a position to free up index 0 } 
obj.options[0] = obj.options[i+1]; //set new [0] element 
for(j=i+1;j

Answer 1

Utilisez les méthodes de manipulation DOM. Compte tenu:

var select = document.getElementById ("...");  // select element 
var option = select.options[select.selectedIndex] // option element 

1. option Supprimer sélectionnée de sélection: select.removeChild (option)
2. Réinsérer comme premier enfant: select.insertChild (option, select.firstChild)

Ou utilisez select.add() et select.remove()

http://www.w3schools.com/jsref/dom_obj_select.asp