Discussion :

[Aaymeric91]

Bonjour tout le monde,
Pour faire simple et afin que ca soit plus compréhensible je vais un peu changer la situation de mon problème mais la solution est semblable.
Dans un formulaire j'ai plusieurs listes déroulantes en HTML et une fonction javascript va regrouper et renvoyer en une valeur les choix des listes. Sur cette page, j'ai un bouton qui, lorsque je clique dessus, il m'affiche la valeur renvoyée par la fonction javascript via une alert.

Ce que je souhaiterais faire, c'est supprimer ce bouton (facile) mais via un submit (qui me redirige vers une page verifobjet.php) c'est récupérer la valeur envoyé par le code javascript et pouvoir la traitée et la mettre dans une variable php.

Quand je dis que la fonction renvoie la valeur c'est via un onclick:

Code :

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

 onclick="goListGroup(document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel)"

Code JS:

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
 
var onclickaction="alert"
 
function goListGroup(){
for (i=arguments.length-1;i>=0; i--){
if (arguments[i].selectedIndex!=-1){
var selectedOptionvalue=arguments[i].options[arguments[i].selectedIndex].value
if (selectedOptionvalue!=""){
if (onclickaction=="alert")
alert(selectedOptionvalue)
else if (newwindow==1)
window.open(selectedOptionvalue)
else
window.location=selectedOptionvalue
break
}
}
}
}

Suis-je obligé de passer par de l'ajax ?
Si non, pourriez vous m'aider a trouver une solution sans passer par les name des listes déroulantes ? Merci

[SylvainPV]

AJAX serait la solution la plus facile ici, mais non tu n'es pas obligé. Il reste possible en JS de modifier l'attribut action de la balise formulaire au onsubmit, pour venir insérer tes variables JS puis les récupérer en paramètres d'URL en PHP.

[sekaijin]

Pour rester dans l'esprit original de HTTP/HTML
il suffit d'ajouter un champs hidden au formulaire
et sur le son submit copier la valeur de la variable dans le champ

le serveur reçois la valeur comme pour tous les autres champs de formulaire.

A+JYT

[Aaymeric91]

N'étant pas du tout calé en javascript je regarde sur internet comment faire mais je je suis perdu du aux autres méthodes possibles que je ne comprends pas non plus ... Vous pourriez me mettre un petit exemple afin que je puisse par la suite adapter avec mon code ?

[Aaymeric91]

J'ai quand même essayé en ajax mais je ne comprends pas pourquoi ca ne fonctionne pas.
Mon code:

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
 
function goListGroup(){
for (i=arguments.length-1;i>=0; i--){
if (arguments[i].selectedIndex!=-1){
var selectedOptionvalue=arguments[i].options[arguments[i].selectedIndex].value
if (selectedOptionvalue!=""){
if (onclickaction=="alert")
alert(selectedOptionvalue)
else if (newwindow==1)
window.open(selectedOptionvalue)
else
window.location=selectedOptionvalue
break
}
}
}
$.ajax({
       	url : '../objet/test.php',
       	type : 'POST', 
       	data : 'mavariable1=' + selectedOptionvalue,
    });
}

et dans test.php

Code :

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

1
2
3
4
5
6
 
<?php
include '../connection.php';
$mavariable2=$_POST['mavariable1'];
echo $mavariable2;
 ?>

J'ai un message d'erreur car il ne repère pas la variable mavariable1, vous auriez une idée ?

[Aaymeric91]

j'ai également essayé avec ceci mais $_POST['mavariable1'] n'est toujours pas détectée.

Code :

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

1
2
3
4
5
6
 
 
var xhr = new XMLHttpRequest();
xhr.open("POST", "../objet/test.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("mavariable1=" + escape(selectedOptionvalue));

Vous pouvez m'aider ?

[sekaijin]

Sans AJAX

Code :

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

1
2
3
4
5
6
var maVariable=45;
 
myFunction = function() {
 documet.getElementById('pourTransmettreMaVariable').value=maVariable;
 return true;
}

Code html :

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

1
2
3
4
<form action="page.php" onsubmit="return myFunction()">
 <input type="hidden" id="pourTransmettreMaVariable" name="mavariable" />
 <input type="submit" value="Submit" />
</form>

C'est tout

A+JYT

[Aaymeric91]

Effectivement c'était tout simple .. Un grand merci !