[JavaScript] Rechercher dans une boite a liste

Rechercher dans une boite a liste [JavaScript] - HTML/CSS - Programmation

Marsh Posté le 12-06-2006 à 15:30:36    

Bonjour à tous,
 
Je viens vous soliciter pour la modification d'un script Javascript.
 
Voila c'est simple, j'ai une boite à liste (SELECT) et au dessus un champs input. Ce champs sert de "filtre en live" pour la boite à liste au dessus.
Exemple: Dans le select il y a tout les pays du monde, si vous taper dans le champs au dessus fr vous n'aurez plus que les pays commencant par fr dans le select.
 
Bref, j'ai trouvé ce script sur toutjavascript.com.
Le probleme c'est que il me fait le code suivant:
 

Code :
  1. <option value="France">France</option>


 
Moi je voudrais bien qu'il prenne l'id du pays et non le contenu dans le value. Serait-il possible de changer donc la variable de tableau javascript qui est:
 

Code :
  1. Liste.Add("Afghanistan" );


 
en :
 

Code :
  1. Liste.Add(1, "Afghanistan" );


 
???
Si oui, il faut surement apporter des modifications, quelqu'un pourrait-il donc m'aider ?
 
Merci.
 
Le code si dessous:
 

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  3. var Liste=new CreerListe("Pays", 5, 200)
  5. Liste.Add("Afghanistan" );
  6. Liste.Add("Afrique du sud" );
  7. Liste.Add("Albanie" );
  8. Liste.Add("Algérie" );
  9. Liste.Add("Allemagne" );
  12. function CreerListe(nom, hauteur, largeur) {
  13. this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
  14. this.search="";
  15. this.nb=0;
  16. this.Add=AjouterItem;
  17. this.Afficher=AfficherListe;
  18. this.MAJ=MAJListe;
  19. }
  21. function AjouterItem(item) {
  22. this[this.nb]=item
  23. this.nb++;
  24. }
  26. function AfficherListe() {
  27. if (document.layers) {
  28.  var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";
  29. } else {
  30.  var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";
  31. }
  32. for (var i=0; i<this.nb; i++) {
  33.  Z+="<OPTION value=\""+this[i]+"\">"+this[i]+"</OPTION>"
  34. }
  35. Z+="</SELECT>"
  36. document.write(Z);
  37. }
  39. function MAJListe(txt,f) {
  40. if (txt!=this.search) {
  41.  this.search=txt
  42.  f.elements[this.nom].options.length=0;
  43.  for (var i=0; i<this.nb; i++) {
  44.   if ( this[i].substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {
  45.    var o=new Option(this[i], this[i]);
  46.    f.elements[this.nom].options[f.elements[this.nom].options.length]=o;
  47.   }
  48.  }
  49.  if (f.elements[this.nom].options.length==1) {
  50.   f.elements[this.nom].selectedIndex=0;
  51.  }
  52. }
  53. }
  55. function ListeCheck() {
  56. Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
  57. if (document.layers) {
  58.  setTimeout("ListeCheck()", 1001)
  59. } else {
  60.  setTimeout("ListeCheck()", 100)
  61. }
  62. }
  64. </SCRIPT>


 

Code :
  1. <FORM name=monform>
  2. <INPUT type=text name=search><BR>
  3. <SCRIPT language=javascript>
  4. Liste.Afficher();
  5. ListeCheck();
  6. </SCRIPT>
  7. </FORM>

Reply

Marsh Posté le 12-06-2006 à 15:30:36   

Reply

Marsh Posté le 12-06-2006 à 16:05:12    

Reply

Marsh Posté le 12-06-2006 à 16:52:26    

xtof_83 a écrit :

http://www.allhtml.com/forums/posts_list/topic:499948
 
lol


 
Et ?
 
Je post ici, et puis sur un forum un peu plus spécialisé dans le domaine. Mais malheureusement je n'ai ni sur l'un, ni sur l'autre de reponse.  
 
Parce que le multi-post sur deux forums differents est interdit ?

Reply

Marsh Posté le 12-06-2006 à 17:56:03    

non, mais vu que je suis tomber sur ça, à ma premiére recherche google...ça me fait sourire...
 
Sinon tu as le systéme recherche sur ce forum (non c'est pas une blague)... et tu verras que ce sujet à déjà été abordé 1000 fois.. :o
 
;)+

Message cité 1 fois
Reply

Marsh Posté le 12-06-2006 à 18:44:41    

xtof_83 a écrit :

non, mais vu que je suis tomber sur ça, à ma premiére recherche google...ça me fait sourire...
 
Sinon tu as le systéme recherche sur ce forum (non c'est pas une blague)... et tu verras que ce sujet à déjà été abordé 1000 fois.. :o
 
;)+


 
Deja referencé ??? Et bien, impressionnant, je l'ai posté ce matin.
 
Sinon heuu moi je veux bien faire des recherches, que j'ai d'ailleur faites, mais rien à faire.
 
Dis moi qu'elles sont les mots clefs ?

Reply

Marsh Posté le 12-06-2006 à 19:40:18    

Reply

Marsh Posté le 12-06-2006 à 20:49:15    

xtof_83 a écrit :

http://forum.hardware.fr/forum1.ph [...] deration=0


 
Et bien j'ai regardé tout les liens et a part mes deux posts, je ne vois pas une ressemblance avec mon probleme, donc je redemande si quelu'un a une idée

Reply

Marsh Posté le 12-06-2006 à 23:08:22    

Non c'est sur, personne n'a exactement le même souci que toi...ça je laccorde, mais tous voulais savoir comment fait intéragir 2 select...  Donc regarde un peu plus....

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed