R�cup�rer la valeur d'un select

**pivalone** · 22/04/2008, 19h59

Bonsoir,

J'ai plusieurs <select> dans une page d�finis avec des id. Je r�cup�re la valeur du <select> actif. Cela fonctionne

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
<body>
<form name="search">
<select id="quoi_1" size="6" onchange="id0=this.id;" onclick="findInPage()">
<option value="ab">ab</option>
<option value="ac">ac</option>
</select>
</div>
 
<div id="smenu2">	
<select id="quoi_2" size="6" onchange="id0=this.id;" onclick="findInPage()">
<option value="bd">bd</option>
<option value="cd">cd</option>
</select>
</div>
 
<div id="smenu3">	
<select id="quoi_3" size="6" onchange="id0=this.id;" onclick="findInPage()">
<option value="ef">ef/option>
<option value="eg">eg</option>
</select>
</div>
 
<div id="smenu4">	
<select id="quoi_4" size="6" onchange="id0=this.id;" onclick="findInPage()">
<option value="gh">avec</option>
<option value="moins">moins</option>
</select>
</div>
</form>
</body>

Mais je voudrais une autre m�thode que :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
onchange="id0=this.id;"

pour r�cup�rer cette valeur car j'ai besoin de onchange pour r�initialiser une variable.

voici mon code javascript (pas dans le d�tails car il fonctionne et qu'il est long):

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
var id0;
 
function findInPage()
{
 
var string = document.getElementById(id0).options[document.getElementById(id0).selectedIndex].value;
 
 
...
 
...
 
...
 
document.onkeypress=appuieTouche;
 
...
 
}
 
 
function appuieTouche
{
if (document.all)
  {
    if (event.keyCode==13) 
    {
    findInPage();
    }
  } 
  else 
  {
    if (e.which==13)
    { 
    findInPage();
    }
  }
}

Je pourrais faire comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
function findInPage()
{
var string = document.search.quoi_1.options[document.search.quoi_1.selectedIndex].value;
 
...
 
...
 
...
 
document.onkeypress=appuieTouche;
 
...
 
}
 
 
function appuieTouche
{
if (document.all)
  {
    if (event.keyCode==13) 
    {
    findInPage(document.search.quoi_1.options[document.search.quoi_1.selectedIndex].value);
    }
  } 
  else 
  {
    if (e.which==13)
    { 
    findInPage(document.search.quoi_1.options[document.search.quoi_1.selectedIndex].value);
    }
  }
}

Mais l� je lui indique l'id du <select> c�d quoi_1 et je ne vais pas faire une fonction pour chacun de mes <select> car il y en a beaucoup.

Merci pour votre aide.

**SpaceFrog** · 22/04/2008, 20h06

et enquoi le fait de mettre id0=this.id dans le opnchange t'emp�che di'itialiser aussi la variable ?

**pivalone** · 22/04/2008, 20h32

Bonsoir,

J'ai essay� et �� bug.

Ma fonction me permet de faire une recherche dans ma page � l'aide des choix de chacun des menus d�roulants.

Si je commence une recherche et qu'au cours de ma recherche je fais un nouveau choix, la recherche doit repartir du haut du document. Pour cela je dois donc r�initialiser ma variable : var n=0; qui est d�clar�e en dehors de mes fonctions et je me sers donc du onchange : onchange="n=0";

J'ai essay� �� mais cela ne fonctionne pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<...onchange="id0=this.id;n=0;" onclick="findInPage()"....>

**SpaceFrog** · 22/04/2008, 21h54

et ta variable n est d�clar�e en global ?
Sans voir le code c'est difficile de t'aider ...

**pivalone** · 22/04/2008, 22h21

Je mets le code. Oui la variable n est d�clar�e en global.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 
<script type="text/javascript">
var n = 0;
var id0;
 
 
function findInPage()
{
var txt, x, found;
var string = document.getElementById(id0).options[document.getElementById(id0).selectedIndex].value;
 
 if (string != "")
 {
 
   if (document.all) 
   {
     //i.e
     txt = window.document.body.createTextRange();
     for (x = 0; x <= n && (found = txt.findText(string)) != false; x++) 
     {
     //moveStart(String mode, Integer n)
     //Définit l'unité à utiliser. Déclenche une erreur "Argument non valide" dans le cas où l'unité est inconnue
     //Définit le nombre d'unités que le curseur de départ doit se déplacer, relativement à sa position d'origine.
     txt.moveStart("character", 1);
     //moveEnd()
     //Moves the end position of a text to a new location
     //textedit = start or end of the text range
     txt.moveEnd("textedit");
     }
 
     if (found) 
     {
     //Si texte trouvé, le sélectionner et faire défiler la page pour qu'il soit visible
     txt.moveStart("character", -1);
     txt.findText(string);
     txt.select();//crée une sélection active sur le texte
     txt.scrollIntoView();//fait défiler jusqu'au texte
     n++;
     document.onkeypress=appuieTouche;//on appuie sur la touche entrée pour voir les occurences
     }
     else 
     {
     //Si plus de texte trouvé alors recherche terminée. Réinitialisation du compteur.
     //On renvoit sur une ancre pour voir les menus déroulants.
     location.href='#haut';
     document.onkeypress="";
     alert("La recherche est terminée.");
     n = 0;
     }
   }
   else
   {
   //autres navigateurs. Utilisation de window.find() au lieu de createTextRange()
     //Si texte trouvé, le sélectionner et faire défiler la page pour qu'il soit visible  
     if (window.find(string))
     {
     n++;
     document.onkeypress=appuieTouche;
     }
     else
     {
     location.href='#haut';
     findInPage();
     //Même fonctionnalité que les 2 lignes du dessus mais le focus revient sur le texte et donc on ne
     //voit pas les menus déroulants. 
     //while(window.find(string, false, true)); 
     //n++;
     }  
   }
 }    
 return false;	
}
 
function appuieTouche(e)
{
  if (document.all)
  {
    if (event.keyCode==13) 
    {
    findInPage();
    }
  } 
  else 
  {
    if (e.which==13)
    { 
    findInPage();
    }
  }
}
</script>

**Matthieu2000** · 23/04/2008, 10h15

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
function findInPage(selectField)
{
var txt, x, found;
var string = selectField.options[selectField.selectedIndex].value;
 
.....
 
<select onchange="findInPage(this)">

**pivalone** · 23/04/2008, 10h55

Bonjour,

Cela ne fonctionne pas car quelle est la valeur de id0?

Merci

**Matthieu2000** · 23/04/2008, 10h58

l'ai vir�e.
ps j'ai �dit� le code car pas vu le deuxi�me

sinon id0=selectField.id

**pivalone** · 23/04/2008, 11h12

Je ne connais pas selectField. J'ai fais une recherche sur google mais pas beaucoup de r�sultat.

J'ai essay� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
var string = selectField.options[document.getElementById(selectField.id).selectedIndex].value;

Cela r�cup�re bien la valeur du select mais ma deuxi�me fonction appuieTouche() ne marche plus car elle a aussi besoin de r�cup�rer cette valeur.

**pivalone** · 23/04/2008, 11h19

Autant pour moi pour le selectField. J'ai cru que c"�tait une fonction.
J'ai les yeux qui croisent depuis que je tourne autour de ce probl�me!

R�cup�rer la valeur d'un select

JavaScript

Vue hybride

Discussions similaires

Partager

Partager