saisie d'un champ en fonction d'un autre

**MenphisTimrid** · 10/02/2012, 11h38

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 :

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

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** · 10/02/2012, 11h59

Code :

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

facture2=document.getElementById("fact2")

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

**MenphisTimrid** · 10/02/2012, 12h08

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

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
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** · 10/02/2012, 14h00

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** · 10/02/2012, 14h07

Code généré:

Code :

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

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** · 10/02/2012, 14h12

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

**MenphisTimrid** · 10/02/2012, 14h38

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
<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** · 10/02/2012, 14h48

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** · 10/02/2012, 15h03

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
 <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** · 10/02/2012, 15h14

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 :

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

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** · 10/02/2012, 15h33

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

saisie d'un champ en fonction d'un autre

jQuery

Discussions similaires

Partager

Partager