un SELECT borné par une variable JS

**rragnarok** · 01/09/2007, 12h57

bonjour,

j ai un select qui fonctione bien, mais dont je fixe les bornes en dur dans le div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<SELECT NAME='SelectMenu' onChange='fonction_choix_blocage(this.value)'>
<?php
for($i=-3;$i<21;$i++)
{
if ($i == 0) {$selection="selected";} else {$selection="";}
echo '<option '.$selection.' value='.$i.'>'.$i.'</option>';
}
?>
</SELECT>

jusque là, par de probleme.

mais j aimerais bien que la valeur de $i puisse etre maximum egale une variable qui existe dans le code JS

dans l'absolu, ca pourrait devenir un truc du style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<SELECT NAME='SelectMenu' onChange='fonction_choix_blocage(this.value)'>
<?php
for($i=-3;$i<VARIABLE JS;$i++)
{
if ($i == 0) {$selection="selected";} else {$selection="";}
echo '<option '.$selection.' value='.$i.'>'.$i.'</option>';
}
?>
</SELECT>

comment faire ca?

merci les amis
eric

**ryan** · 01/09/2007, 18h27

Yop!

Le problème est que le PHP est interprété sur le serveur avant d'être envoyé sur le client, donc avant que la variable JS n'existe. A moins que tu ne nous parles d'ASP codé en JS...

**sebdu** · 01/09/2007, 18h29

bonjour,
renseigne toi mais je ne suis pas sûr que tu puisse récupérer une variable javascript dans ton code php (côté client/côté serveur)
désolé
sinon attend qu'un vrai développeur vienne t'aider

**Cpas2latarte** · 01/09/2007, 22h57

Il est vrais que je PHP s'exécute AVANT le JS donc le PHP ne peut connatre la valeur du JS.
Sauf si il y a plusieurs appel de la page même PHP, et que la page PHP doit tenir compte de la valeur sélectionné dans le JS.
Dans ce cas lors des appel successif de la page PHP, js peut lui transmettre la valeur via formulaire ou cookie,

Sinon tu peux toujours modifier ton select directement en JAVASCRIPT (ajout, supression d'option, modifiation ...)
du coup pas besoin de passer quoi que ce soit a PHP.
Que veux tu faire exactement? peux tu être plus précis

**rragnarok** · 02/09/2007, 11h36

la solution de passer par le JS pour faire le select m interesse, je suis pas buté

par contre, j ai aucune idée par ou commencer...

j ai juste une question: je vais devoir mettre toutes les valeurs dans une bdd... j espere qu on peut questionner une bdd avec Js... sinon, je vais etre dans le ...

( en fait, j utilise JS pour faire un site propre, sans appels à la bdd à chaque rafraichissment de la page.)

voila..

eric

**sebdu** · 02/09/2007, 13h10

Envoyé par rragnarok

j ai juste une question: je vais devoir mettre toutes les valeurs dans une bdd... j espere qu on peut questionner une bdd avec Js... sinon, je vais etre dans le ...

tu peux récupérer les valeurs de ta bdd avec php puis les utiliser dans ton code javascript par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].champ.value=<?php echo $variable;?>;

et à partir de ça tu peux faire tout ce que tu veux
vraiment pratique php/javascript, moi j'adore

**rragnarok** · 02/09/2007, 14h00

je vais essayer ton truc..

si ca marche, c est genial et ca repond a plein de problemes..
et ce serait a mettre en premier dans tous les forums car il y a un nombre impressionnant de post qui posent le probleme de la portabilite des variables php/Js

aller.. au boulot et et a dans qq heures!!

eric

**Cpas2latarte** · 02/09/2007, 14h36

Envoyé par rragnarok

la solution de passer par le JS pour faire le select m interesse, je suis pas buté

par contre, j ai aucune idée par ou commencer...

ci dessous un petit code qui te montre comment commencé

CAD ajout suppression d'opton dans un select en JS PURE

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
 
  <title></title>
  <script>
  function creerOption() {
   var newOption = document.createElement("option");
   newOption.text = document.getElementById("nlibelle").value;
   document.getElementById("nlibelle").value ="";
   document.getElementById("monSelect").options.add(newOption);
  }
  function supprimerOption () {
    if(document.getElementById("monSelect").selectedIndex<0) {
      alert("Selectionnez l'element à supprimer");
      return;
    }
    document.getElementById("monSelect").remove(document.getElementById("monSelect").selectedIndex);
  }
  </script>
  </head>
  <body>
 
  <select id="monSelect">
  </select><br/>
  <input type="text" id="nlibelle"/>
  <input type="button" value="ajouter" onclick="creerOption()"/>
  <input type="button" value="supprimer" onclick="supprimerOption()">
  </body>
</html>

Concerant les valeur issu de la BDD, tu peux utiliser un requête AJAX(apres chargement de la page) préremplir a l'aide de PHP des variable JS (avant chargement) un comme comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<?
$resultat = 'xxxx'
?>
<Script>
var valeurJS ="<?=$resultat?>"
</script>

Évidemment, la solution avec ajax est plus élégante, mais celle ci et pour moi plus simple a comprendre et à mettre en ouvre. Si tu veux un exemple avec ajax, fait signe.

**sebdu** · 02/09/2007, 21h53

merci Cpas2latarte pour ton code, je pense que ça pourra me servir
et je veux bien l'exemple ajax ou un site qui explique bien comment faire parce que ça me plairait bien mais j'ai un peu de mal à comprendre sans un bon tutoriel

merci

un SELECT borné par une variable JS

JavaScript

Vue hybride

Discussions similaires

Partager

Partager