[JS] valeur select

Version imprimable

[JS] valeur select

Le principe c'est que j'ai un bouton qui me permet d'ajouter des lignes
et un bouton(l'image) qui me permet d'effacer la ligne
le truc c'est que lorsque j'efface une ligne au milieu, c'est pas cette ligne qui s'efface mais la dernier et donc je dois reporter les valeurs selectionnées dans la ligne d'avant jusqu'a arriver a la ligne que je veux supprimer
voila mon bout de code

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
29
30
31
32
33
34
35
36
37
38
39
 
<tr id="ligne1"><td>1 - Produit:<select  onchange="initVersion('id='+this.options[this.selectedIndex].value,'toto.php','version1');" name="produit1" id="produit">
   <option selected="selected"/>
<option value="GENEA" id="choix">Geneatique</option>
<option value="ANDRO" id="choix">Androsace</option>
<option value="PHDFA" id="choix">Photos de Famille</option>
<option value="GDCOM" id="choix">GEDCOM Vision</option>            
</select>
                </td>   
             <td>Version:<select id="version1" name="ver1">
<option value="GP" name="choix">Prestige</option>
<option value="G7" name="choix">2007</option>
</select>
</td>
                <td>Nature:<select name="nat1">
                <option selected="selected"/>
<option value="DL_e" id="choix">Telechargement essai</option>
<option value="CD_e" id="choix">CD essai</option>
<option value="Ach_C" id="choix">Achat au CDIP</option>
<option value="Ach_R" id="choix">Achat chez un revendeur</option>
<option value="Abn_F" id="choix">Fin d abonnement</option>
<option value="Dmd_C" id="choix">Demande de code</option>
<option value="Pay_A" id="choix">Payement d abonnement</option>
<option value="Save" id="choix">Sauvegarde avec Protectis</option>            </select>
                </td>  
              <td>Date:<select name="dat1">
                <option selected="selected"/>
<option value="" id="choix">Vide</option>
<option value="" id="choix">Non Vide</option>
<option value="" id="choix">J+1</option>
<option value="" id="choix">J-1</option>
<option value="" id="choix">J+7</option>
<option value="" id="choix">J-7</option>
<option value="" id="choix">M-1</option>
<option value="" id="choix">M+1</option>            
</select>
                </td>                
<td><img onclick="supp('1');" src="sup.gif"/></td>
</tr>

Code:

1
2
3
4
5
6
7
8
9
function supp(n){
        while(n<num){
            document.getElementsByName("produit" + n).value = document.getElementsByName("produit" + (n+1)).value;
            document.getElementsByName("ver" + n).value = document.getElementsByName("ver" + (n+1)).value;
            document.getElementsByName("nat" + n).value = document.getElementsByName("nat" + (n+1)).value;
            document.getElementsByName("dat" + n).value = document.getElementsByName("dat" + (n+1)).value;
        }
 
    };

Le probleme c'est dans le js ca doit pas etre bon ce que j'ecris vu que sa me recupere pas la valeur^^
Je suis pas trés calé en JS donc si quelqu'un pouvait me donner la maniere d'acceder a mes donnée sa serai cool^^
Merci

25/04/2007, 18h23
FremyCompany

:faq:
26/04/2007, 09h41
xclam

Merci^^

Code:

document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value

Mais je n'arrive pas a recuperer par name... donc j'ai mit un id unique a chaque liste
26/04/2007, 12h35
xclam

En fait c'est pas resolu^^

Ca ne me remplacé pas le texte donc j'ai fait la meme chose avec .text et la sa ma remplacé l'ancien texte dans la liste deroulante:(

Comment fait-ont pour recuperer l'index selectionné?

si j'ai bien compri pour mettre l'index apres suffit de faire

Code:

document.forms[0].monSelect.options[i].selected = true;

Code:

1
2
 
document.getElementById('monselect').removeChild(document.getElementById('monselect').options[document.getElementById('monselect').selectedIndex])

26/04/2007, 14h51
xclam

Ya pas tout simplement une fonction qui recupere l'index de la valeur selectionné?
(ou à la limite l'id de la valeur selectionné j'arriverai à me debrouiller)
26/04/2007, 15h20
SpaceFrog

l'index selectionné c'est selectedIndex

je ne vois pas ce que tu cherches
26/04/2007, 15h36
xclam
En fait je cherche dans plusieurs sens en meme temps^^
Mais la je crois avoir trouvé une solution il ne me reste qu'un petit probleme

Code:

document.forms[0].produit1.selectedIndex

Ca c'est bon ca marche

le probleme c'est que je voudrais remplacer 2 par n+1
et 1 par n
Code:

1 2 3 4 5 6 7 8 function supp(n){ while(n<num){ i = document.forms[0].produit2.selectedIndex; document.forms[0].produit1.options[i].selected = true; n++; } };
26/04/2007, 15h38
SpaceFrog

Code:

i = document.forms[0].elements['produit'+n+1].selectedIndex;

1 pièce(s) jointe(s)

Merci SpaceFrog

Je met le code si tu veux voire ce que sa donne au final^^

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
		function supp(n){
		a = n;
		while(a<num){
		//champ 1
			i = document.forms[0].elements['produit'+(parseInt(a)+1)].selectedIndex;
			document.forms[0].elements['produit'+parseInt(a)].options[i].selected	= true;	
		//champ 2
			val = document.forms[0].elements['produit'+(parseInt(a)+1)].value;
			if(!val.length == 0){
				initVersion('id='+document.forms[0].elements['produit'+(parseInt(a)+1)].value,'toto.php','version'+a);
				i = document.forms[0].elements['ver'+(parseInt(a)+1)].selectedIndex;
				document.forms[0].elements['ver'+parseInt(a)].options[i].selected	= true;	
			}
		//champ 3
			i = document.forms[0].elements['nat'+(parseInt(a)+1)].selectedIndex;
			document.forms[0].elements['nat'+parseInt(a)].options[i].selected	= true;		
		//champ 4
			i = document.forms[0].elements['dat'+(parseInt(a)+1)].selectedIndex;
			document.forms[0].elements['dat'+parseInt(a)].options[i].selected	= true;	
			a++;
		}
		num--;
		document.getElementById('ligne' + num).style.display = "none";
	};