garder le focus sur une option selectionnée d'un select

Bonjour,
j'ai un select dans lequel si je sélectionne une option et j'appuye sur un bouton ajouter, le focus se met à chaque fois sur la dernière option du select or j'aurais voulu que l'option que j'avais sélectionné garde le focus.
voici mon code:

Code:

---

1 2 3 4 5 6 7 8 9

function selectOrDiselectAll(idDiv, activation){ var oDiv = window.document.getElementById(idDiv,); var number = oDiv.options.length; for(var i=0;i<number ;i++) { oDiv.options[i].selected=activation; }   }

---

Lors de l'appel de ma fonction j'ai fait:
function selectOrDiselectAll("idselect", true);
Comment dois-je faire pour que le focus reste tjrs sur mon option sélectionnée tant que j'en ai pas sélectionné une autre.
Merci de votre aide.

Quel rapport y a-t-il entre :

- ajouter une option (auquel cas effectivement on peut souhaiter que l'option actuellement sélectionnée soit conservée)
et
- sélectionner/désélectionner toutes les options ? :koi: (auquel cas je ne comprends plus de quoi tu parles ? :? Qu'est-ce que tu veux "conserver" si tu sélectionnes/désélectionnes toutes les options... ?)

Montre-nous plutôt ton bouton "ajouter", ses éventuels gestionnaires d'événement, et peut-être ta fonction d'ajout... ^^

Bonjour,
Dans la fonction qui ajoute une nouvelle option, tu récupères d'abord l'index de l'option sélectionnée, ensuite tu faits l'ajout d'une nouvelle option et après tu re-sélectionnes l'option.

Code:

---

1 2 3 4 5

var j=oDiv.selectedIndex; //Ajout de l'option ...... //reselectionne l'option oDiv.options[j].selected=true;

---

A+.

Ce que je veux c'est juste conserver le focus sur l'option sélectionnée.
Même si je clique sur ajouter,je veux que le focus reste sur l'option sélectionnée
et non pas sur la dernière option comme il me le fait.

Code:

---

<td><button style="width:30%; margin:230px 0px 2px; padding:0px 2px 0px;" id="boutonAjouter" value="ajouter" onclick="selectOrDiselectAll(\'idSelect\',true);"/><img style="float:right;" src="'.$aImages['add'].'"/>Ajouter</button></td>

---

Le click sur ton bouton ne fait que sélectionner ou désélectionner tous, je ne voit pas d'ajout d'option ni quoi que ce soit 8O

Je n'ai qu'une fonction php que j'appel pour créer mon select avec les options.
je n'ai pas de fonction qui me permet d'ajouter une nouvelle option.

Code:

---

<td style="width:250px; height:250px; margin-bottom:15px;">'.$this->_getSelect($options).'</td>

---

C'est donc pour celà j'ai pensé créer une nouvelle fonction en js

Code:

---

1 2 3 4 5 6 7 8

function saveFocusOnSelectOption(){ var vobjSel = window.document.getElementById("idSelect"); for(var i = 0; i < vobjSel.length; i ++) { var j=vobjSel.options.selectedIndex; alert(j); vobjSel.options[j].selected=true; } }

---

Le problème: L'alert(j) renvoie tjrs 10,l'index de la dernière option ,quelque soit l'option sélectionnée.

1- Montre nous la fonction qui fait l'ajout et le code HTML généré qui va avec :furax:.
2- ça ne sert à rien de mettre le bout de code qui fait la selection dans la boucle :mouarf:
3-

Code:

---

var j=vobjSel.selectedIndex;

---

Voici m'a fonction d'ajout:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function addToTab(TabSel1Sel){ var Cell; var objTableau = document.getElementById("matable"); //Insertion de ligne à la fin du tableau var ligne = objTableau.insertRow(-1); //Insertion du numero de ligne Cell = ligne.insertCell(0); Cell.innerHTML = ligne.rowIndex; //Insertion du diaporama choisi Cell = ligne.insertCell(1); Cell.innerHTML = TabSel1Sel[0][1]; //Insertion des diapositive(s) choisi(es) Cell = ligne.insertCell(2); Cell.innerHTML = TabSel1Sel[1][1]; vtabSliderSlide.push(TabSel1Sel); //Insertion du bouton supprimer sur chaque ligne Cell = ligne.insertCell(3); var bouton = document.createElement("BUTTON"); bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>"; bouton.type = "button"; bouton.value = "Supprimer"; bouton.onclick = function(row){ return function() { deleteRow(row); }; }(ligne); Cell.appendChild(bouton); }

---

Citation:

---

var bouton = document.createElement("BUTTON");
bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>";
bouton.type = "button";
bouton.value = "Supprimer";

---

Remplace ça avec vite :faq: :fleche: http://javascript.developpez.com/faq...amps#ajoutName
On utilise plus le tag button mias input type="button".

Sinon, je ne vois pas toujours le rapport avec le select :roll:

Citation:

---

Envoyé par sajodia

Code:

---

1 2 3 4 5 6

function addToTab(TabSel1Sel){ // ... var bouton = document.createElement("BUTTON"); bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>"; // ... }

---

---

Un bouton dans... 8O un bouton ? :koi:

Justement moi aussi je ne vois pas le rapport avec le select.

Là c'est d'un autre problème que je parle.Comment garder le focus sur une option sélectionné d'un select.

Citation:

---

Envoyé par sajodia

Comment dois-je faire pour que le focus reste tjrs sur mon option sélectionnée tant que j'en ai pas sélectionné une autre.

---

Citation:

---

Envoyé par sajodia

Comment garder le focus sur une option sélectionné d'un select.

---

Quand tu ne l'as pas touché ou changé de selection depuis javascript, l'option sélectionnée doit toujours être le même :mouarf:.

Merci de votre aide Au fait je me compliquais trop la tête.
J'ai utilisé le code que vous m'aviez ecri ci-dessus.Et ça marche super!!

Code:

---

1 2 3 4 5

var j=oDiv.selectedIndex; //Ajout de l'option ...... //reselectionne l'option oDiv.options[j].selected=true;

---