Forum d'entraide PHPFrance

bonsoir , j'utiliste une liste déroulante en fonction d'une autre avec un code en ajax , Bon la premier page (index) la taille de ma liste déroulante est normal , mais dans l'autre fichier php j'essaye de changer sa largeur mais en vain , ça marche pas voila le code


<?php
echo "<select name='livre' id='livre' ";
if(isset($_POST["code_entite"])){
$log=$_POST['code_entite'];
$dsn="con_salle";
$username="localhost";
$password="";
$sqlconnect=odbc_connect($dsn,$username,$password);

$select="select code_entite from ENTITE where description_entite_parent='$log'";
$process=odbc_exec($sqlconnect, $select);

while(odbc_fetch_row($process)){
$tavariable= odbc_result($process,"code_entite" );
print "<option value='$tavariable'>$tavariable</option>\n";
}
}
echo "</select>";
?>

Ta balise select n'est pas correctement fermée

echo "<select name='livre' id='livre' ";

Quant à sa taille, la longueur est égale à la longueur de l'option la plus longue à moins que tu ne spécifies un width en css (via une classe ou l'attribut style)

Ps : merci d'utiliser les balises

 quand tu postes du code :)

echo "<select  name='livre' id='livre' style='width:200px'>";
	if(isset($_POST["code_entite"])){
	$log=$_POST['code_entite'];
   $dsn="con_salle"; 
$username="localhost"; 
$password=""; 
 $sqlconnect=odbc_connect($dsn,$username,$password);
 
 $select="select code_entite from ENTITE where description_entite_parent='$log'";
    $process=odbc_exec($sqlconnect, $select);

 while(odbc_fetch_row($process)){ 
       $tavariable= odbc_result($process,"code_entite" );
      print "<option value='$tavariable'>$tavariable</option>\n";	
		}
	}
	echo "</select>";
?>

voila

Exactement:
si tu écris qqch du genre
<style>
*.etroit
{
width:50px;
}
</style>
<select class = 'etroit'>
<option>012345678901234567890</option>
<option>012</option>
</select>
ça affichera un select réduit tant qu'on ne déroule pas la liste, et des items de la largeur du plus large quand on la déroule
si tu écris qqch du genre
<style>
*.etroit
{
width:50px;
}
</style>
<select class = 'etroit'>
<option class= 'etroit'>012345678901234567890</option>
<option>012</option>
</select>
ça affichera en bleu dans la liste des items la partie qui correspond à ton width, et le reste de l'item en normal, le tout sur la largeur du plus large...