Discussion :

[modus57]

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 :

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
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.

[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 ??

[modus57]

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 HTML :

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

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.

[jreaux62]

bonjour,

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

Code html :

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

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 html :

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

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

Code js :

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

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
  })
});

[modus57]

Bonjour jreaux62,

Merci pour votre réponse.

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

Code :

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

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.

[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.

@+

[Séb.]

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 :

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

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>";
    }
}

[modus57]

Bonsoir Seb,

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

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

Et rien ne se passe avec votre code.

[Séb.]

Donne ton script

[modus57]

Bonjour Seb,

Un peu tardivement voici mon script :

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
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>

[Séb.]

Je ne vois pas de problèmes ici.

[modus57]

Bonjour Seb,

Je suis navré d'insister.

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

Code :

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

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

La ligne 19 et la 21 ne renvoient rien :

Code :

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

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.

[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.

[modus57]

Bonjour jreaux62,

Voici le message d'erreur complet :

Code :

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

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

La ligne 19 ne renvoi rien

Code :

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

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

La ligne 21 ne renvoi rien

Code :

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

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