<head>
<script type="text/javascript">
$(function(){
$("#add").click(function(){
$.ajax ({
url: 'vistorias/cad_comodos.php',
sucess: function(item) {
$('#campos').append(item);
}
})
return false;
})
});
</script>
</head>
<?php
$sql_item = "SELECT * FROM itens_vistoria ORDER BY item ASC";
$item = mysql_query($sql_item);
$sql_cor = "SELECT * FROM cores ORDER BY cor ASC";
$cor = mysql_query($sql_cor);
$sql_condicao = "SELECT * FROM condicao ORDER BY condicao ASC";
$condicao = mysql_query($sql_condicao);
$sql_material = "SELECT * FROM tipo_material ORDER BY material ASC";
$material = mysql_query($sql_material);
?>
<div id="titulo">Cadastro de Vistorias</div>
<br />
<form name="cadastrar_vistoria" id="cadastrar_vistoria" action="?pg=vistorias/cad_comodos" method="post">
<div id="formulario">
<label id="comodo">Comodo a ser Vistoriado:
<input type="text" id="comodo" name="comodo" size="45" />
</label>
</div>
<p><a href="#" id="add" class="btn">+ Adicionar Item</a></p>
<div id="itens">
<label id="item" class="label">Item Vistoriado:</label>
<select name="item" type="text" class="select">
<?php while ($row=mysql_fetch_array($item,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_item']?>"><?=$row['item']?></option>
<?php } ?></select>
<label id="cor" class="label">Cor:</label>
<select name="cor" type="text" class="select">
<?php while ($row=mysql_fetch_array($cor,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_cor']?>"><?=$row['cor']?></option>
<?php } ?></select>
<br /><br />
<label id="condicao" class="label">Condição:</label>
<select name="condicao" type="text" class="select">
<?php while ($row=mysql_fetch_array($condicao,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_condicao']?>"><?=$row['condicao']?></option>
<?php } ?></select>
<label id="material" class="label">Material:</label>
<select name="material" type="text" class="select">
<?php while ($row=mysql_fetch_array($material,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_material']?>"><?=$row['material']?></option>
<?php } ?></select>
<br /><br />
<label id="observacao">Observação:</label>
<textarea name="observacao" cols="79" rows="2" class="textarea"></textarea>
</div>
<div id="campos"></div>
<input type="submit" name="proximo" value="Próximo" class="btn" />
<input type="submit" name="salvar" value="Finalizar" class="btn" />
</form>
<br /><br />
<span>** Cadastro de Vistoria do Imóvel **</span><br />
<span>Obs.: Os campos deverão ser preenchidos corretamente.</span>
</div>
tenho que adicionar onde esta a <div> itens dinamicamente, quem puder me ajudar eu agradeço muito.
estou no aguardo....flw