problemas a la hora de contruir una tabla dinamica

[xias]

hola:

estoy intentando crear dinamicamente esta tabla:

<table width="99" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<tr bordercolor="#666666">
<td height="11" colspan="2" bgcolor="#CCCCCC"><div align="center"><font size="1"><strong>COTIZANTE1</strong></font></div></td>
</tr>
<tr>
<td>
<font color="#FFFFFF">Sexo</font>
</td>
<td>
<select name="campo_cotizante_sexo_1" style="font-size:9px;height:5px;width:72px" onChange="visualizar_cotizante('sexo',1);document. location.href='#scr_cotizante1'">
<option value="0" selected></option>
<option value="H">Hombre</option>
<option value="M">Mujer</option>
</select>
</td>
</tr>
<tr>
<td>
<font color="#FFFFFF">Edad</font>
</td>
<td>
<select name="campo_cotizante_edad_1" style="font-size:9px;width:72px" onChange="visualizar_cotizante('edad',1);document. location.href='#scr_cotizante1'">
<option selected value="0"></option>
</select>
</td>
</tr>
</table>

pero no soy capaz. Lo he intentado con este codigo pero por mas vueltas que le doy imposible...gracias, un saludo

<table width="99" border="0" cellpadding="0" cellspacing="1">
<tbody id="contenedor"></tbody>
</table>

var tabla;
var fila;
function tabla()
{
tabla = document.getElementById("contenedor");
fila = document.createElement("tr");
var celda1 = document.createElement('td');
celda1.style.height=11;
celda1.style.colspan=2;
celda1.style.background="#CCCCCC";
celda1.innerHTML = "<div align=center><strong><font size=1>COTIZANTE1</font></strong></div>";
var fila2 = document.createElement("tr");
var celda2 = document.createElement('td');
celda2.innerHTML = "<font color=#ffffff>Sexo</font>";
var celda3 = document.createElement('td');
celda3.style.width=81;
objeto=document.createElement('select');
objeto.name='select';
opt1=document.createElement('option');
opt1.value=1;
opt1.innerHTML=1;
objeto.appendChild(opt1);
celda1.appendChild(objeto);
fila2.appendChild(celda2);
fila2.appendChild(celda3);
tabla.appendChild(fila2);
fila.appendChild(celda1);
tabla.appendChild(fila);
}

[xias]

hola de nuevo:

casi lo tengo conseguido pero lo que no se hacer es asignar un onchange al select creado dinamicamente(objeto=document.createElement('selec t');)


probe asi pero no funciona:

objeto.onChange='datos_carga()';

gracias, un saludo

[JavierB]

Hola xias

Prueba con esto:

objeto.onchange = function() {datos_carga()}

Saludos,

[xias]

perfecto¡¡¡

muchas gracias¡¡¡

[xias]

otra cosa, como puedo hacer el style del select(style="font-size:9px;height:5px;width:72px")??

probe asi pero no funciona...

objeto.style.width=72;-->este funciona
objeto.style.height=5;-->este no funciona pero no se si puede ser por el font
objeto.font=9;-->este no funciona

gracias, un saludo

[crcbad]

Los style yo los pondría siempre = "72px";

El tamaño de letra prueba con fontSize = "9pt";

[xias]

gracias, funciona perfectamente¡¡¡

un saludo