Méthode JavaScript pour contrôler les éléments de la liste pour monter et descendre les compétences Javascript-js tutoriel-php.cn

L'exemple de cet article décrit comment utiliser JavaScript pour contrôler les éléments de la zone de liste afin qu'ils se déplacent de haut en bas. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Ce code JS peut contrôler les éléments de la listbox pour monter ou descendre. Cette fonction est très utile. Voici le code détaillé

Copier le code Le code est le suivant :

function listbox_move(listID, direction) {

var listbox = document.getElementById(listID);

var selIndex = listbox.selectedIndex;

Si(-1 == selIndex) {

alert("Veuillez sélectionner une option à déplacer.");

         revenir ;

>

var incrément = -1;

Si(direction == 'haut')

incrément = -1;

d'autre

incrément = 1;

Si ((incrément de selIndex) < 0 ||

(incrément de selIndex) > (listbox.options.length-1)) {

         revenir ;

>

var selValue = listbox.options[selIndex].value;

var selText = listbox.options[selIndex].text;

Listbox.options[selIndex].value = listbox.options[selIndex incrément].value

Listbox.options[selIndex].text = listbox.options[selIndex incrément].text

Listbox.options[incrément selIndex].value = selValue;

Listbox.options[incrément selIndex].text = selText;

Listbox.selectedIndex = incrément selIndex;

>

//..

//..

listbox_move('countryList', 'up'); //monter l'option sélectionnée

listbox_move('countryList', 'down'); //déplacer l'option sélectionnée vers le bas

Vous trouverez ci-dessous le code de démonstration détaillé, qui peut être utilisé dans le navigateur

Copier le code Le code est le suivant :

Cliquez sur les boutons ci-dessous pour sélectionner ou désélectionner toutes les options de la zone de sélection.