Récupérer la valeur d'un select au clic d'une option dans la value d'un submit

Version imprimable

Bonsoir,

J'aimerais récupérer la valeur de la balise select au clique de l'option choisi pour pouvoir l'injecter dans la value d'un <input type submit>.

Malgré tous mes recherches et efforts je finis par croire que c’est peut-être pas possible ?

Voici mon code :

Code:

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
33
34
35
<?php 
    $db_server = 'localhost'; // Adresse du serveur MySQL
    $db_user_login = 'root';  // Nom de l'utilisateur
    $db_user_pass = '';       // Mot de passe de l'utilisateur
    $db_name = 'infos';       // Nom de la base de données
    // Ouvre une connexion au serveur MySQL
    $conn_base = mysqli_connect($db_server,$db_user_login, $db_user_pass, $db_name);
	$req_base= "SHOW DATABASES WHERE not (`Database` LIKE '%schema%' or `Database` LIKE 'mysql%' or `Database` LIKE 'sys%' or `Database` LIKE 'crea%')";
	$result_base=$conn_base->query($req_base);
	@$text=$_POST['envoi']; 
	if(isset($_POST['envoi'])){
		$nombase=$text=$_POST['table']; 
		$_SESSION["db_name"]=$nombase;
	}
	echo "<label>Selectionnez la base</label>";
	echo '<form name="form" id="form" action="#" method="post">'; 
		echo '<SELECT name=table multiple="multiple" id="d_base" onchange="document.getElementById("id_champ").value=this.options[selectedIndex].value">';		while ($ligne=mysqli_fetch_array($result_base)){
				echo "<option value='".$ligne[0]."'>".$ligne[0]."</option>";
			} 
			$default =@$nombase; 
			if(@$nombase == $default){
				echo "<option selected=\"selected\">". $nombase ."</option>";
			}
			else{
				echo "<option>". $nombase ."</option>";
			}
		echo "</SELECT>";	
		echo '<input name="envoi" type="submit" id="id_champ" value="">';
	echo '</form>';
    $db_name = @$nombase;  
?>	
<script>
	var select = document.getElementById('d_base');
	select.size = select.length;
</script>

Mais la valeur de l'option choisi dans la balise select ne s’affiche pas dans la value de <input type submit>.

Avez-vous une idée ou une réponse à ce que je souhaite faire, merci d’avance.

07/10/2021, 22h23
Séb.

Je ne comprends pas trop pourquoi tu veux faire tout cela.

Si tu veux que PHP traite ton select multivalué il suffit d'ajouter des "[]" au nom du select.

Tu obtiendras un tableau qui contiendra les éléments sélectionnés.

PS : c'est généralement une mauvaise idée d'utiliser des @, utilise plutôt isset() ou ??

Bonjour Seb,

Le but final est de permettre à l’utilisateur de sauvegarder une ou plusieurs bases.

Je me suis dis que récupérer la valeur de l'option choisi de la balise select et l'injecter dans la value d'un élément <input type submit> afin d’éviter un echo de la valeur que l'utilisateur a sélectionnée, mais ce n’est certainement pas une bonne solution.

En revanche cela fonctionne avec Input type « text ».
Code:

1 2 3 4 5 6 7 8 9 10 11 <select multiple="multiple" id="nom_champ" onchange="document.getElementById('id_champ_texte').value=this.options[selectedIndex].value;" '> <option value="Option #1">Option #1</option> <option value="Option #2">Option #2</option> <option value="Option #3">Option #3</option> </select> <input type="text" name="nom_champ_texte" id="id_champ_texte" value="" '> <script> var select = document.getElementById('nom_champ'); select.size = select.length; </script>
Je vais voir avec la balise select multivalué et éviter d'utiliser des @ mais plutôt isset() ou ??

Merci pour votre réponse.

bonjour,

ergonomiquement et visuellement, des cases à cocher seraient plus appropriées.

Code:

1
2
3
4
5
6
7
8
9
10
<p>
  <label><input type="checkbox" name="databases[]" value="Database #1"/>Database #1</label><br />
  <label><input type="checkbox" name="databases[]" value="Database #2"/>Database #2</label><br />
  <label><input type="checkbox" name="databases[]" value="Database #3"/>Database #3</label><br />
  <label><input type="checkbox" name="databases[]" value="Database #4"/>Database #4</label><br />
  <label><input type="checkbox" name="databases[]" value="Database #5"/>Database #5</label><br />
</p>
<p>
  <input type="submit" name="envoi" value="Envoyer">
</p>

Et si vraiment tu veux afficher les choix avant envoi :

Code:

1
2
3
<p>
  Vos choix : <span id="databases-recap"></span>
</p>

Code:

1
2
3
4
5
6
7
8
9
10
11
document.querySelectorAll('input[name*=databases]').forEach(function(database){
  database.addEventListener('change', function(){
    var choix = [];
    var ii = 0;
    document.querySelectorAll('input[name*=databases]:checked').forEach(function(data){ // cases cochees
        choix[ii] = data.value;
        ii++;
    })
    document.querySelector('#databases-recap').textContent = choix.join(', '); // affiche les choix
  })
});

09/10/2021, 09h31
modus57
Bonjour jreaux62, :D

Merci pour votre réponse.

En effet votre code plus approprié et adapté à mon code fonctionne bien :
Code:

1 2 3 while ($ligne=mysqli_fetch_array($result_base)){ echo '<label><input type="checkbox" name="databases[]" value="'.$ligne[0].'"/>'.$ligne[0].'</label><br/>'; }
Je vais pouvoir poursuivre mon petit projet pour sauvegarder une ou plusieurs bases choisies par l’utilisateur.
11/10/2021, 12h10
modus57

Bonjour à tous,

Je reviens sur cette discussion pour vous demander comment récupérer dans une variable la valeur du ou des checkbox cochés ?

Soyez indulgent compte tenu de mon niveau et vous remercie par avance pour vos réponse.

@+

Si tu suis la proposition de jreaux, la sélection sera trouvera dans le tableau $_POST['databases'] (ou $_GET['databases'])

Fais un print_r($_POST['databases']) pour avoir un aperçu.

Comme pour tout tableau, tu peux parcourir les éléments avec un foreach() :
Code:

1 2 3 4 5 6 if (!empty($_POST['databases'])) { echo 'Nombre de DB sélectionnées : ', count($_POST['databases']), '<br>'; foreach ($_POST['databases'] ?? [] as $i => $database) { echo "DB sélectionnée No {$i} : {$database}<br>"; } }

11/10/2021, 22h01
modus57

Bonsoir Seb,

Quand j’intègre print_r($_POST['databases']) dans la solution de jreaux, cela provoque l’erreur suivante :

Citation:

Parse error: syntax error, unexpected 'if' (T_IF) in C:\wamp64\www\...

Et rien ne se passe avec votre code.
12/10/2021, 15h42
Séb.

Donne ton script

Bonjour Seb,

Un peu tardivement voici mon script :

Code:

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
33
34
35
36
37
	<p>
	  <label><input type="checkbox" name="databases[]" value="Database #1"/>Database #1</label><br />
	  <label><input type="checkbox" name="databases[]" value="Database #2"/>Database #2</label><br />
	  <label><input type="checkbox" name="databases[]" value="Database #3"/>Database #3</label><br />
	  <label><input type="checkbox" name="databases[]" value="Database #4"/>Database #4</label><br />
	  <label><input type="checkbox" name="databases[]" value="Database #5"/>Database #5</label><br />
	</p>
	<p>
	  <input type="submit" name="envoi" value="Envoyer">
	</p>
 
	<p>
	 Vos choix : <span id="databases-recap"></span>
	</p>
 
	<?php
	print_r($_POST['databases']);
	if (!empty($_POST['databases'])) {
		echo 'Nombre de DB sélectionnées : ', count($_POST['databases']), '<br>';
		foreach ($_POST['databases'] ?? [] as $i => $database) {
			echo "DB sélectionnée No {$i} : {$database}<br>";
		}
	}
 	?>
	<script>
		document.querySelectorAll('input[name*=databases]').forEach(function(database){
			database.addEventListener('change', function(){
			var choix = [];
			var ii = 0;
			document.querySelectorAll('input[name*=databases]:checked').forEach(function(data){ // cases cochees
				choix[ii] = data.value;
				ii++;
			})
			document.querySelector('#databases-recap').textContent = choix.join(', '); // affiche les choix
		  })
		});
	</script>

14/10/2021, 08h29
Séb.

Je ne vois pas de problèmes ici.
14/10/2021, 10h04
modus57
Bonjour Seb,

Je suis navré d'insister.

Voici l’erreur produite à la ligne 17 de mon post #10 :

Code:

Notice : Undefined index: databases in C:\wamp64\www\...

La ligne 19 et la 21 ne renvoient rien :
Code:

1 2 echo 'Nombre de DB sélectionnées : ', count($_POST['databases']), '<br>'; echo "DB sélectionnée No {$i} : {$database}<br>";
Comme je l’ai déjà dit je ne suis pas un expert, pouvez-vous m’expliquer ce dysfonctionnement.

Merci d’avance.
14/10/2021, 11h17
jreaux62
Bonjour,

Quand tu as un message d'erreur :
- merci de le copier jusqu'au bout !
- merci d'essayer de le comprendre !
il indique en effet :
- quelle est l'erreur
- à quelle ligne (... line ???)
ce qui permet de montrer le bout de code correspondant.
14/10/2021, 12h01
modus57

Bonjour jreaux62,

Voici le message d'erreur complet :

Code:

Notice : Undefined index: databases in C:\wamp64\www\bd_infos_3\Seb web.php on line 17

La ligne 19 ne renvoi rien

Code:

echo 'Nombre de DB sélectionnées : ', count($_POST['databases']), '<br>';

La ligne 21 ne renvoi rien

Code:

echo "DB sélectionnée No {$i} : {$database}<br>";