masquer/afficher input name suivant selection dans une liste

Version imprimable

bonjour
j'ai un script qui me permet de rentrer une nouvelle valeur dans une liste quand autre est sélectionné, cette valeur s'affiche dans un input name (ref2).Mais je voudrais que ref2 s'affiche uniquement quand autre est choisi dans la liste et masqué les autres fois puisqu'il n'a pas de valeur.J'ai essayé ça mais ça ne marche pas
La fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function valeur(test){
	if (test=='autre'){
		var str= prompt("rentrer ici la nouvelle categorie");
		 document.getElementById('autreap').value=str;
	}
 
if (document.getElementById("autre").value == "autre")
document.getElementById("autreap").style.display = "block";
else
document.getElementById("le_texte").style.display = "none";
}

le select

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
  <select name="desi" id="autre" onchange="valeur(this.value)" >
<?php include("globals.php" );
$sql= "SELECT DISTINCT (designation) FROM produits ";
$resultat=mysql_query($sql);
$listeutilisation=$produits ['designation'];
while ($produits = mysql_fetch_assoc($resultat)){
echo '<option value="'.$produits['designation'].'">';
echo $produits ['designation']; echo "</option>";
}
?>
              <option value="autre">&agrave;
pr&eacute;ciser</option>
              </select>
 
 
              </td>
 
 
              <td style="width: 599px; color: rgb(255, 255, 255);">cat&eacute;gorie:<input name="ref2"id="autreap"></td>

slt,

pour ajouter l'option dans ta liste :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function valeur(test){
i = document.getElementById("autre").options.length;
 
if (test=='autre'){
	var str= prompt("rentrer ici la nouvelle categorie");
        document.getElementById("autre").options[i] = new Option(str,str);
	}
 
if (test != "autre") document.getElementById("autre").options.length = i;
}
</script>

28/12/2007, 19h23
rvm31

je reviens sur ce post car j'ai essayé ta solution jeje13009, mais ça ne fonctionne pas er je n'ai même plus la popup de remplissage qui s'affiche.
j'ai fait un copier coller de ton script pour remplacer le mien , il faut peut être faire une modif ailleurs??

Ce code marche,

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
<script type="text/javascript">
function valeur(test){
i = document.getElementById("autre").options.length;
 
if (test=='autre'){
	var str= prompt("rentrer ici la nouvelle categorie","");
        document.getElementById('autreap').value=str;
	document.getElementById('autreap2').style.visibility="visible";
	}
 
if (test != "autre") document.getElementById("autre").options.length = i;
}
</script>
 <select name="desi" id="autre" onchange="valeur(this.value)" >
<?php include("globals.php" );
$sql= "SELECT DISTINCT (designation) FROM produits ";
$resultat=mysql_query($sql);
$listeutilisation=$produits ['designation'];
while ($produits = mysql_fetch_assoc($resultat)){
echo '<option value="'.$produits['designation'].'">';
echo $produits ['designation']; echo "</option>";
}
?>
              <option value="autre">&agrave;
pr&eacute;ciser</option>
              </select>
 
 
              </td>
 
 
              <td style="width: 599px; color: rgb(255, 255, 255);"><font style="visibility: hidden" id="autreap2">cat&eacute;gorie:<input name="ref2" id="autreap"></font></td>