Liste déroulante et acces au option

**elangelo** · 24/08/2007, 17h00

Bonjours à tous,
J'ai pas trouvé ma réponse pour le moment et je sais pas si je suis dans le bon forum mais je tente le coup quand même;

J'ai une liste déroulante généré par struts.J'aimerai que lorsque on tape A puis on tape R on arrive à la valeur AR.... et non à R... comme c'est le cas.
Quel est le code javavascript ou autre qui pourrais résoudre ceci.

Merci d'avance.

**ryan** · 25/08/2007, 00h19

Yop!

Oui, il est possible de faire cela, mais tu devras employer un champ text pour entrer les lettres.

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
 
<html>
<head>
<script type="text/javaScript">
function lookFor(theletters)
{
  opnum = document.forms[0].myselect.length;
  for (i=0;i<opnum;i++)
  {
    if (document.forms[0].myselect.options[i].text.indexOf(theletters) == 0) 
    {
      document.forms[0].myselect.options[i].selected = true;	
      break;
    }    
  } 
}
</script>
</head>
<body>
<form>
<input type=text value="" OnKeyUp="lookFor(this.value)">
<select name="myselect">
<option>Albert</option>
<option>Arnaud</option>
<option>Bob</option>
<option>Carlo</option>
<option>Charles</option>
<option>Charly</option>
</select>
</form>
</body>
</html>

Si tu entres "Ch", l'option "Charles" sera sélectionnée.

Note que ce script est sensible à la case. Si tu veux le rendre insensible à la case, il faudra jouer avec les toLowerCase() ou toUpperCase()

Liste déroulante et acces au option

JavaScript

Vue hybride

Discussions similaires

Partager

Partager