Discussion :

[licorne]

Encore moi avec mon select.
Ce coup-ci j'essaie d'insérer une option ni à la fin ni au début mais à un endroit précis dans ma liste d'options.
Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function ajout_element(texte,code,nom_form,liste,rg) 
{
	listeTmp = document.forms[nom_form].elements[liste];
	if(rg == "")
		listeTmp.options[listeTmp.options.length] = new Option(texte,code);
	else
		listeTmp.options[rg] = new Option(texte,code);
 
}

Il insère l'option à la place de celle déjà existante.

Est-il possible d'effectuer cette insertion sans regénérer le select ?

Merci pour votre aide.

[SpaceFrog]

d'abord créer l'option:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var newOpt=document.createElement('option');

ensuite le renseigner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
newOpt.value='valeur';
newOpt.innerHTML='Texte';

lui faire de la place:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('monselect').options.length++;

et le mettre ou tu veux dans la liste de options avec:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var position=document.getElementById('monselect').options[2]; // avant le 3ème
document.getElementById('monselect').insertBefore(newOpt,position);

[licorne]

Vu comme ça, c'est facile et ça marche !

Merci SpaceFrog et bon week-end.