Discussion :

[Hayat5]

salut,
dans un select il y a <option>autre</option>
tel que en choisissant cet option il faut qu'il affiche un input de type text
comment faire ça?
j'ai essaye a l'aide de javascript mais il ne me donne pas ce que je veux
il affiche l'input des le début
code de javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script src="jquery.min.js" type="text/javascript"></script>
  <script style="text/javascript">
$(document).ready(function () {$('#id_champ').hide(); }
function goToOthers_rent(){
if(val==0){
$('#id_champ').show();	
}
else{
$('#id_champ').hide();
}
}

code de html:

Code html :

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

1
2
3
4
5
6
7
<select name="marques" onclick="goTogoToOthers_rent();">
  <?php 
  $req="SELECT * FROM marque";
  $res=mysql_query($req) or die(mysql_error());
  while($donne=mysql_fetch_array($res)){
 echo"<option value=".$donne['id_marque'].">.".$donne['codemarque']."</option>";}
?></select>

[Invité]

Salam Hayat,
- tu mélanges les syntaxes javascript et jquery.
- ton code est ... faux (il comporte de nombreuses erreurs).
- où est la balise input que tu veux afficher ?

1/ Afficher l'input : avec jquery :

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
	<!-- Scripts Google : initialisation jquery -->
	<script charset="utf-8" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	$(document).ready(function () {
		// on cache l'input
		$('#id_champ').hide();
		// quand le select change
		$('#id_marques').change(function () {
			// on recupere la valuer de l'option selectionnée
			var val =  $('#id_marques option:selected').val();
			if(val!=0){ // valeur != 0 : on affiche l'input
				$('#id_champ').show();
			} else { // valeur == 0 : on masque l'input
				$('#id_champ').hide();
			}
		});
	});

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
	<form method="post" action="">
	<fieldset>
			<!-- ...... -->
		<label for="id_marques">sélectionnez la marque : </label>
		<select id="id_marques" name="marques">
			<option value="0">...</option>
<?php 			// requete : selection marque
			$req = "SELECT * FROM marque;";
			$res = mysql_query($req) or die(mysql_error());
			while ($donne=mysql_fetch_array($res)) {
?>
			<option value="<?php echo $donne['id_marque']; ?>"><?php echo $donne['codemarque']; ?></option>
<?php
			} // fin while
?>
			</select>
			<!-- input a afficher/masquer -->
			<input type="text" id="id_champ" name="champ" value="Coucou ! c'est moi !"/>
			<!-- ...... -->
		</fieldset>
	</form>

2/ SI, en plus, ON VEUT MODIFIER la VALUE de l'input, en fonction de l'option sélectionnée :
on modifie :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
			if(val!=0){ // valeur != 0 : on affiche l'input
				$('#id_champ').show();
				// SI ON VEUT MODIFIER la VALUE de l'input, en fonction de l'option sélectionnée :
				// par exemple -> afficher le NOM de l'option
				var valueinput = 'Option choisie : ' + $('#id_marques option:selected').text();
				// -> (on peut aussi indiquer la value)
				valueinput += ' (valeur : ' + $('#id_marques option:selected').val() + ')';
				// on MODIFIE la VALUE de l'input
				$('#id_champ').val(valueinput);
			} else { // valeur == 0 : on masque l'input
				$('#id_champ').hide();
				// on VIDE la VALUE de l'input
				$('#id_champ').val('');
			}

et :

Code :

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

1
2
			<!-- input a afficher/masquer -->
			<input type="text" id="id_champ" name="champ" value =""/>

Voici un petit cours rapide de jquery :
- Introduction à la bibliothèque JavaScript jQuery
- .show()
- .hide()
- .change()
- :selected Selector
- .val()
- .text()