Rechercher dans une boite à liste

Rechercher dans une boite à liste - HTML/CSS - Programmation

Marsh Posté le 30-05-2006 à 10:57:30    

Bonjour à tous
 
Je viens de trouver et modifier un petit script bien utile, mais j'ai un peu de mal à finir de le modifier.
 
Voila, c'est un champs text, qui sert à n'afficher que les champs qui commence par le texte saisie dans une boite à liste
 
Mon probleme c'est que ca me fait donc des:

Code :
  1. <select name="country">
  2.    <option value="Albanie">Albanie</option>


 
Moi je souhaiterais que dans value il y est l'id du pays (avec une table SQL bien sur).
QQn pourrait donc m'aider à modifier un peu le script pour faire une liste sous cette forme:

Code :
  1. Liste.Add(1, "Afghanistan" );
  2. Liste.Add(2, "Afrique du sud" );


 
A la place de la forme actuelle qui est:

Code :
  1. Liste.Add("Afghanistan" );
  2. Liste.Add("Afrique du sud" );


 
Je vous mets le code complet du script.

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  3. var Liste=new CreerListe("TypeCompe", 10, 200)
  5. Liste.Add("Afghanistan" );
  6. Liste.Add("Afrique du sud" );
  7. Liste.Add("Albanie" );
  8. Liste.Add("Algérie" );
  9. Liste.Add("Allemagne" );
  10. Liste.Add("Andorre" );
  11. Liste.Add("Angola" );
  12. Liste.Add("Antigua-et-Barbuda" );
  16. function CreerListe(nom, hauteur, largeur) {
  17. this.nom=nom; this.hauteur=hauteur; this.largeur=largeur;
  18. this.search="";
  19. this.nb=0;
  20. this.Add=AjouterItem;
  21. this.Afficher=AfficherListe;
  22. this.MAJ=MAJListe;
  23. }
  25. function AjouterItem(item) {
  26. this[this.nb]=item
  27. this.nb++;
  28. }
  30. function AfficherListe() {
  31. if (document.layers) {
  32. var Z="<SELECT name="+this.nom+" size="+this.hauteur+">";
  33. } else {
  34. var Z="<SELECT name="+this.nom+" size="+this.hauteur+" style='width:"+this.largeur+"'>";
  35. }
  36. for (var i=0; i<this.nb; i++) {
  37. Z+="<OPTION value=\""+this+"\">"+this+"</OPTION>"
  38. }
  39. Z+="</SELECT>"
  40. document.write(Z);
  41. }
  43. function MAJListe(txt,f) {
  44. if (txt!=this.search) {
  45. this.search=txt
  46. f.elements[this.nom].options.length=0;
  47. for (var i=0; i<this.nb; i++) {
  48. if ( this.substring(0,txt.length).toUpperCase()==txt.toUpperCase() ) {
  49. var o=new Option(this, this);
  50. f.elements[this.nom].options[f.elements[this.nom].options.length]=o;
  51. }
  52. }
  53. if (f.elements[this.nom].options.length==1) {
  54. f.elements[this.nom].selectedIndex=0;
  55. }
  56. }
  57. }
  59. function ListeCheck() {
  60. Liste.MAJ(document.forms["monform"].search.value,document.forms["monform"])
  61. if (document.layers) {
  62. setTimeout("ListeCheck()", 1001)
  63. } else {
  64. setTimeout("ListeCheck()", 100)
  65. }
  66. }
  68. </SCRIPT>
  70. <FORM name="monform">
  71. <INPUT type="text" name="search"><BR>
  72. <SCRIPT language="javascript">
  73. Liste.Afficher();
  74. ListeCheck();
  75. </SCRIPT><br />
  76. <input type="Submit" name="DellTypeCompte" value="Supprimer" />
  77. </FORM>


 
 
Merci beaucoup pour l'aide que vous pourrez m'apporter.
 
Alex


Message édité par creusois le 30-05-2006 à 11:35:31
Reply

Marsh Posté le 30-05-2006 à 10:57:30   

Reply

Marsh Posté le 30-05-2006 à 11:26:17    

Tu peux éditer, et mettre le code entre balise CODE
 
thx

Message cité 1 fois
Reply

Marsh Posté le 30-05-2006 à 11:36:33    

xtof_83 a écrit :

Tu peux éditer, et mettre le code entre balise CODE
 
thx


 
 
Oui pardon,
 
Voila c'est fait, c'est un peu petit mais si tu as de bon yeux c'est effectivement plus clair.
 
Merci pour toutes les reponses eventuelles.

Reply

Marsh Posté le 30-05-2006 à 15:46:32    

Personne à une idée ou un lien vers un script ???

Reply

Sujets relatifs:

Leave a Replay

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