Tengo una select que hasta que el cliente no cargue los datos no se que ancho tendrá. A la derecha del select tengo otros select que se hacen visibles según la seleccion del primero, pero como hago para que se mantenga pegado el segundo al primero???
Se entiende???
tengo el siguiente codigo
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.0 Transitional//EN">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
ie4 = (document.all)? true:false
</SCRIPT>
<script language="JavaScript">
<!--
function MostrarCapa(name,capa){
OcultarCapa('Buenos Aires');
OcultarCapa('Cordoba');
OcultarCapa('Santa Fe');
document.all(capa).style.position = 'absolute';
document.all(capa).style.left = "150"; //Ancho del primer select!!!
document.all(capa).style.visibility='visible';
document.all(capa).disabled = false;
}
function OcultarCapa(capa){
document.all(capa).style.visibility='hidden';
document.all(capa).disabled = true;
}
-->
</script>
</head>
<body>
<input type="text" name="sdfsd">
<form method="POST" action="prueba.php">
<select id="prueba"name="prueba"onchange="MostrarCapa(name,value);">
<option value="Buenos Aires">Buenos Aires</option>
<option value="Cordoba">Cordoba</option>
<option value="Santa Fe">Santa Fe</option>
</select>
<select name="ciudad"id="Buenos Aires"style="visibility:visible">
<option>ZO</option>
<option>ZN</option>
<option>ZS</option>
</select>
<select name="ciudad"id="Cordoba"style="visibility:hidden">
<option>Capital</option>
<option>V. Carlos Paz</option>
</select>
<select name="ciudad"id="Santa Fe"style="visibility:hidden">
<option>Capital</option>
<option>Rosario</option>
</select>
<br>
<input type="submit">
</form>
</body>
</html>
Quiero que la posición varíe según el ancho del select Prueba!!!
Muchas Gracias