saisie d'un champ en fonction d'un autre

[MenphisTimrid]

Bonjour à tous, je viens car après des recherches et avec un niveau en javascript proche du zéro je suis un peu perdu.

J'explique ma demande: j'ai une liste déroulante et un champ texte juste à côté. Il faudrait que je puisse rentrer des valeurs si et seulement si j'ai choisi un élément de ma liste déroulante.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<td><b class="colname">Numéro facture2:</b>
    <b class="dataleft" id="fact2"><?php select_facture2($ligne["NUM_FACT2"]); ?> </b>
    <a href="modi_facture.php?NUM_FACT2=<?php echo $ligne["NUM_FACT2"];?>"><img src="img/slink.gif" /></a>&nbsp;&nbsp;
    <b class="colname">Montant facture2:</b>
    <b class="dataleft"><input type="text" disabled id="montant2" name="MT_FACT2" size="20" value="<?php echo $ligne["MT_FACT2"];?>"></b>  
 
 
	 <script language="javascript"> 
facture2=document.getElementById("fact2") 
montant=document.getElementById("montant2") 
 
 if(facture2.value=!"") montant.disabled=false 
 </script>

j'ai tenté de faire ça, en fait la liste déroulante est une fonction qui récupère des éléments dans ma bdd.

Merci

[Bovino]

Code :

facture2=document.getElementById("fact2")

Il faudrait déjà qu'une balise <b> ait un attribut value...

[MenphisTimrid]

Ah j'aurais du mettre le code de ma fonction aussi:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function select_facture2($NUM_FACT=-1) { 
    // statut mandat de statut dossier 
	$select = "select NUM_FACT from facture order by NUM_FACT asc";	
	$result = mysql_query($select) or die (mysql_error());	
	echo "<SELECT name=\"NUM_FACT2\">";   	
	echo "<option value=\"\" selected> </OPTION>";		
	while ($ligne=mysql_fetch_array($result))	
	{	      
        if ($NUM_FACT== $ligne["NUM_FACT"]){
	    	echo "<option value=\"".$ligne["NUM_FACT"]."\" selected>".$ligne["NUM_FACT"]."</OPTION>";	      
		}	      
		else	      {
		    echo "<option value=\"".$ligne["NUM_FACT"]."\">".$ligne["NUM_FACT"]."</OPTION>";	      
		}	
	}	
	echo "</SELECT>";
}

Merci

[Bovino]

Mouais... le code HTML généré serait plus utile, mais ça n'enlève rien au fait que c'est ta balise <b> qui a l'id fact2 et pas ton select...

[MenphisTimrid]

Code généré:

Code :

1
2
3
4
5
6
7
8
9
<b class="colname">Numéro facture2:</b>
 
    <b class="dataleft"><SELECT name="NUM_FACT2"><option value="" selected> </OPTION><option value="" selected></OPTION><option value="F-2007-09-3">F-2007-09-3</OPTION><option value="F-2007-10-9">F-2007-10-9</OPTION><option value="F-2007-11-11">F-2007-11-11</OPTION><option value="F-2007-11-2">F-2007-11-2</OPTION><option value="F-2007-12-10">F-2007-12-10</OPTION><option value="F-2007-12-11">F-2007-12-11</OPTION><option value="F-2007-12-9">F-2007-12-9</OPTION><option value="F-2008-03-11">F-2008-03-11</OPTION><option value="F-2008-03-3">F-2008-03-3</OPTION><option value="F-2008-04-3">F-2008-04-3</OPTION><option value="F-2008-05-2">F-2008-05-2</OPTION><option value="F-2008-09-4">F-2008-09-4</OPTION><option value="F-2008-11-8">F-2008-11-8</OPTION><option value="F-2009-03-2">F-2009-03-2</OPTION><option value="F-2009-07-1">F-2009-07-1</OPTION><option value="F-2009-09-2">F-2009-09-2</OPTION><option value="F-2009-11-1">F-2009-11-1</OPTION><option value="F-2009-11-2">F-2009-11-2</OPTION><option value="F-2009-11-4">F-2009-11-4</OPTION><option value="F-2009-11-5">F-2009-11-5</OPTION><option value="F-2010-02-2">F-2010-02-2</OPTION><option value="F-2010-02-3">F-2010-02-3</OPTION><option value="F-2010-05-1">F-2010-05-1</OPTION><option value="F-2010-05-2">F-2010-05-2</OPTION><option value="F-2010-05-8">F-2010-05-8</OPTION><option value="F-2010-07-6">F-2010-07-6</OPTION><option value="F-2010-07-7">F-2010-07-7</OPTION><option value="F-2010-09-13">F-2010-09-13</OPTION><option value="F-2010-10-10">F-2010-10-10</OPTION><option value="F-2010-10-11">F-2010-10-11</OPTION><option value="F-2010-10-4">F-2010-10-4</OPTION><option value="F-2010-10-5">F-2010-10-5</OPTION><option value="F-2010-12-1">F-2010-12-1</OPTION><option value="F-2010-12-14">F-2010-12-14</OPTION><option value="F-2010-12-16">F-2010-12-16</OPTION><option value="F-2010-12-2">F-2010-12-2</OPTION><option value="F-2010-12-4">F-2010-12-4</OPTION><option value="F-2011-03-19">F-2011-03-19</OPTION><option value="F-2011-03-26">F-2011-03-26</OPTION><option value="F-2011-03-6">F-2011-03-6</OPTION><option value="F-2011-03-8">F-2011-03-8</OPTION><option value="F-2011-04-1">F-2011-04-1</OPTION><option value="F-2011-04-2">F-2011-04-2</OPTION><option value="F-2011-05-1">F-2011-05-1</OPTION><option value="F-2011-05-2">F-2011-05-2</OPTION><option value="F-2011-06-1">F-2011-06-1</OPTION><option value="F-2011-06-2">F-2011-06-2</OPTION><option value="F-2011-07-1">F-2011-07-1</OPTION><option value="F-2011-07-2">F-2011-07-2</OPTION><option value="F-2011-08-2">F-2011-08-2</OPTION><option value="F-2011-08-3">F-2011-08-3</OPTION><option value="F-2011-09-6">F-2011-09-6</OPTION><option value="F-2011-09-7">F-2011-09-7</OPTION><option value="F-2011-10-4">F-2011-10-4</OPTION><option value="F-2011-10-5">F-2011-10-5</OPTION><option value="F-2011-11-2">F-2011-11-2</OPTION><option value="F-2011-11-3">F-2011-11-3</OPTION><option value="F-2011-12-20">F-2011-12-20</OPTION><option value="F-2011-12-21">F-2011-12-21</OPTION><option value="F-2011-12-5">F-2011-12-5</OPTION><option value="F-2011-12-6">F-2011-12-6</OPTION><option value="F-2011-12-8">F-2011-12-8</OPTION><option value="FACTURE A VENIR">FACTURE A VENIR</OPTION><option value="test">test</OPTION><option value="XXXXXXXXX">XXXXXXXXX</OPTION></SELECT> </b>
 
    <a href="modi_facture.php?NUM_FACT2="><img src="img/slink.gif" /></a>&nbsp;&nbsp;
 
    <b class="colname">Montant facture2:</b>
 
    <b class="dataleft"><input type="text" name="MT_FACT2" size="20" value="0"></b>

encore merci pour ton aide

[Bovino]

Ben maintenant, t'as plus d'id fact2, donc ce sera plus compliqué pour retrouver l'élément !

[MenphisTimrid]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<b class="colname">Numéro facture2:</b>
 
    <b class="dataleft" id="fact2"  onchange='check_select_pour_maj_input_suivant(this)'><SELECT name="NUM_FACT2"><option value="" selected> </OPTION><option value="" selected></OPTION><option value="F-2007-09-3">F-2007-09-3</OPTION><option value="F-2007-10-9">F-2007-10-9</OPTION><option value="F-2007-11-11">F-2007-11-11</OPTION><option value="F-2007-11-2">F-2007-11-2</OPTION><option value="F-2007-12-10">F-2007-12-10</OPTION><option value="F-2007-12-11">F-2007-12-11</OPTION><option value="F-2007-12-9">F-2007-12-9</OPTION><option value="F-2008-03-11">F-2008-03-11</OPTION><option value="F-2008-03-3">F-2008-03-3</OPTION><option value="F-2008-04-3">F-2008-04-3</OPTION><option value="F-2008-05-2">F-2008-05-2</OPTION><option value="F-2008-09-4">F-2008-09-4</OPTION><option value="F-2008-11-8">F-2008-11-8</OPTION><option value="F-2009-03-2">F-2009-03-2</OPTION><option value="F-2009-07-1">F-2009-07-1</OPTION><option value="F-2009-09-2">F-2009-09-2</OPTION><option value="F-2009-11-1">F-2009-11-1</OPTION><option value="F-2009-11-2">F-2009-11-2</OPTION><option value="F-2009-11-4">F-2009-11-4</OPTION><option value="F-2009-11-5">F-2009-11-5</OPTION><option value="F-2010-02-2">F-2010-02-2</OPTION><option value="F-2010-02-3">F-2010-02-3</OPTION><option value="F-2010-05-1">F-2010-05-1</OPTION><option value="F-2010-05-2">F-2010-05-2</OPTION><option value="F-2010-05-8">F-2010-05-8</OPTION><option value="F-2010-07-6">F-2010-07-6</OPTION><option value="F-2010-07-7">F-2010-07-7</OPTION><option value="F-2010-09-13">F-2010-09-13</OPTION><option value="F-2010-10-10">F-2010-10-10</OPTION><option value="F-2010-10-11">F-2010-10-11</OPTION><option value="F-2010-10-4">F-2010-10-4</OPTION><option value="F-2010-10-5">F-2010-10-5</OPTION><option value="F-2010-12-1">F-2010-12-1</OPTION><option value="F-2010-12-14">F-2010-12-14</OPTION><option value="F-2010-12-16">F-2010-12-16</OPTION><option value="F-2010-12-2">F-2010-12-2</OPTION><option value="F-2010-12-4">F-2010-12-4</OPTION><option value="F-2011-03-19">F-2011-03-19</OPTION><option value="F-2011-03-26">F-2011-03-26</OPTION><option value="F-2011-03-6">F-2011-03-6</OPTION><option value="F-2011-03-8">F-2011-03-8</OPTION><option value="F-2011-04-1">F-2011-04-1</OPTION><option value="F-2011-04-2">F-2011-04-2</OPTION><option value="F-2011-05-1">F-2011-05-1</OPTION><option value="F-2011-05-2">F-2011-05-2</OPTION><option value="F-2011-06-1">F-2011-06-1</OPTION><option value="F-2011-06-2">F-2011-06-2</OPTION><option value="F-2011-07-1">F-2011-07-1</OPTION><option value="F-2011-07-2">F-2011-07-2</OPTION><option value="F-2011-08-2">F-2011-08-2</OPTION><option value="F-2011-08-3">F-2011-08-3</OPTION><option value="F-2011-09-6">F-2011-09-6</OPTION><option value="F-2011-09-7">F-2011-09-7</OPTION><option value="F-2011-10-4">F-2011-10-4</OPTION><option value="F-2011-10-5">F-2011-10-5</OPTION><option value="F-2011-11-2">F-2011-11-2</OPTION><option value="F-2011-11-3">F-2011-11-3</OPTION><option value="F-2011-12-20">F-2011-12-20</OPTION><option value="F-2011-12-21">F-2011-12-21</OPTION><option value="F-2011-12-5">F-2011-12-5</OPTION><option value="F-2011-12-6">F-2011-12-6</OPTION><option value="F-2011-12-8">F-2011-12-8</OPTION><option value="FACTURE A VENIR">FACTURE A VENIR</OPTION><option value="test">test</OPTION><option value="XXXXXXXXX">XXXXXXXXX</OPTION></SELECT> </b>
 
    <a href="modi_facture.php?NUM_FACT2="><img src="img/slink.gif" /></a>&nbsp;&nbsp;
 
    <b class="colname">Montant facture2:</b>
 
    <b class="dataleft"><input type="text" disabled id="montant2" name="MT_FACT2" size="20" value="0"></b> 
 
 
 
	<script language="javascript">  
 
 function check_select_pour_maj_input_suivant(select) {
 
   document.getElementById("montant2").disabled = (select.value != "");
 
}</script>

voilà c'est mieux non? J'ai retouché le javascript aussi

[Bovino]

voilà c'est mieux non?

Ben non

Une balise <b> (d'ailleurs, au passage, cette balise de mise en forme est obsolète et ne devrait pas être utilisée...) n'est pas un élément de formulaire, elle ne possède donc ni événement onchange ni propriété value...
C'est sur le select qu'il faut mettre tout ça !

[MenphisTimrid]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 <b class="dataleft" ><SELECT name="NUM_FACT2" id="fact2"  onchange='check_select_pour_maj_input_suivant(this)'><option value="" selected> </OPTION><option value="" selected></OPTION><option value="F-2007-09-3">F-2007-09-3</OPTION><option value="F-2007-10-9">F-2007-10-9</OPTION><option value="F-2007-11-11">F-2007-11-11</OPTION><option value="F-2007-11-2">F-2007-11-2</OPTION><option value="F-2007-12-10">F-2007-12-10</OPTION><option value="F-2007-12-11">F-2007-12-11</OPTION><option value="F-2007-12-9">F-2007-12-9</OPTION><option value="F-2008-03-11">F-2008-03-11</OPTION><option value="F-2008-03-3">F-2008-03-3</OPTION><option value="F-2008-04-3">F-2008-04-3</OPTION><option value="F-2008-05-2">F-2008-05-2</OPTION><option value="F-2008-09-4">F-2008-09-4</OPTION><option value="F-2008-11-8">F-2008-11-8</OPTION><option value="F-2009-03-2">F-2009-03-2</OPTION><option value="F-2009-07-1">F-2009-07-1</OPTION><option value="F-2009-09-2">F-2009-09-2</OPTION><option value="F-2009-11-1">F-2009-11-1</OPTION><option value="F-2009-11-2">F-2009-11-2</OPTION><option value="F-2009-11-4">F-2009-11-4</OPTION><option value="F-2009-11-5">F-2009-11-5</OPTION><option value="F-2010-02-2">F-2010-02-2</OPTION><option value="F-2010-02-3">F-2010-02-3</OPTION><option value="F-2010-05-1">F-2010-05-1</OPTION><option value="F-2010-05-2">F-2010-05-2</OPTION><option value="F-2010-05-8">F-2010-05-8</OPTION><option value="F-2010-07-6">F-2010-07-6</OPTION><option value="F-2010-07-7">F-2010-07-7</OPTION><option value="F-2010-09-13">F-2010-09-13</OPTION><option value="F-2010-10-10">F-2010-10-10</OPTION><option value="F-2010-10-11">F-2010-10-11</OPTION><option value="F-2010-10-4">F-2010-10-4</OPTION><option value="F-2010-10-5">F-2010-10-5</OPTION><option value="F-2010-12-1">F-2010-12-1</OPTION><option value="F-2010-12-14">F-2010-12-14</OPTION><option value="F-2010-12-16">F-2010-12-16</OPTION><option value="F-2010-12-2">F-2010-12-2</OPTION><option value="F-2010-12-4">F-2010-12-4</OPTION><option value="F-2011-03-19">F-2011-03-19</OPTION><option value="F-2011-03-26">F-2011-03-26</OPTION><option value="F-2011-03-6">F-2011-03-6</OPTION><option value="F-2011-03-8">F-2011-03-8</OPTION><option value="F-2011-04-1">F-2011-04-1</OPTION><option value="F-2011-04-2">F-2011-04-2</OPTION><option value="F-2011-05-1">F-2011-05-1</OPTION><option value="F-2011-05-2">F-2011-05-2</OPTION><option value="F-2011-06-1">F-2011-06-1</OPTION><option value="F-2011-06-2">F-2011-06-2</OPTION><option value="F-2011-07-1">F-2011-07-1</OPTION><option value="F-2011-07-2">F-2011-07-2</OPTION><option value="F-2011-08-2">F-2011-08-2</OPTION><option value="F-2011-08-3">F-2011-08-3</OPTION><option value="F-2011-09-6">F-2011-09-6</OPTION><option value="F-2011-09-7">F-2011-09-7</OPTION><option value="F-2011-10-4">F-2011-10-4</OPTION><option value="F-2011-10-5">F-2011-10-5</OPTION><option value="F-2011-11-2">F-2011-11-2</OPTION><option value="F-2011-11-3">F-2011-11-3</OPTION><option value="F-2011-12-20">F-2011-12-20</OPTION><option value="F-2011-12-21">F-2011-12-21</OPTION><option value="F-2011-12-5">F-2011-12-5</OPTION><option value="F-2011-12-6">F-2011-12-6</OPTION><option value="F-2011-12-8">F-2011-12-8</OPTION><option value="FACTURE A VENIR">FACTURE A VENIR</OPTION><option value="test">test</OPTION><option value="XXXXXXXXX">XXXXXXXXX</OPTION></SELECT> </b>
 
    <a href="modi_facture.php?NUM_FACT2="><img src="img/slink.gif" /></a>&nbsp;&nbsp;
 
    <b class="colname">Montant facture2:</b>
 
    <b class="dataleft"><input type="text" disabled id="montant2" name="MT_FACT2" size="20" value="0"></b> 
 
 
 
	<script language="javascript">  
 
 function check_select_pour_maj_input_suivant(select) 
 
 {
 
   document.getElementById("montant2").disabled = (select.value != "");
 
	}
 
</script>

logiquement c'est mieux ?

[Bovino]

Oui, pour l'appel de la fonction !
Reste à voir la logique du disabled.
Si le select a la valeur "", tu veux à priori que l'input text soit désactivé, donc que sa propriété disabled vale true.
La bonne condition serait donc

Code :

document.getElementById("montant2").disabled = (select.value == "");

Si select.value vaut "", select.value == "" vaudra true et donc la propriété disabled aussi : le champ est inactif !

[MenphisTimrid]

Merci effectivement cela fonctionne

Par contre j'ai un dernier problème:

Quand je rentre une facture et un montant et que j'enregistre ensuite je ne peux modifier le montant que si et seulement si je change de facture (logique ), j'aimerais qu'une fois qu'une facture est choisi je puisse rentre un montant.

Cependant je ne sais trop comment m'y prendre cela vient certainement du fait que j'ai mis "disabled" par défaut dans mon input type text.

Merci