Eu tenho a seguinte tabela:
<table id='jobs' cellpadding="0" cellspacing="0" class="contato">
...
<div id='responsaveis' class="blabla">
<tr>
<td class="style19"><div align="right">Responsavel:</div></td>
<td><div align="left">
<select id='responsavel' name='responsavel' style='width:300px'>
<option value=''>-- Selecione --</option>
<?php
$result = mysql_query("SELECT * FROM pessoa where ");
while ($res = mysql_fetch_array($result)) {
?>
<option value='<?php print $res['pessoa_id']?>'> <?php print $res['pessoa_nome']?></option>
<?php }?>
</select>
*<input type="button" name="button2" id="button2" value="R" onclick="adicionaRespAoJob('responsaveis');" /></div></td>
</tr>
</div>
e a seguinte funcao javascript para adicionar uma nova
function adicionaRespAoJob(divName){
var div = document.getElementById(divName);
var id = '';
var nome = '';
var _select = '<tr><td class=\"style19\"><div align=\"right\">Responsavel:</div></td> <td><div align=\"left\"> <select id=\"responsavel\" name=\"responsavel\" style=\"width:300px\"> <option value=\"\">-- Selecione --</option>';
<?php
$result = mysql_query("SELECT * FROM pessoa");
while ($res = mysql_fetch_array($result)) {
?>
id = '<?php echo $res['pessoa_id']?>';
nome = '<?php echo $res['pessoa_nome']?>';
_select+='<option value='+id+'>'+nome+'</option>';
<?php }?>
_select+='</select> </div></td></tr>';
div.innerHTML+=_select;
}
o problema eh que esse codigo nao esta sendo adicionado dentro da tabela, parece que eh adicionado no inicio da pagina, fora da tabela, quebrando totalmente o layout…
o que esta errado?
Obrigado!