Ola pessoal preciso que um campo seja adiocionado automaticamente em minha página vi uma video aula do DAVID CHC que é exatamente o que eu preciso mas o problema é o seguinte os campos que eu preciso que seja adicionado dinamicamente eles são campos de SELECT que pega os valores do banco de dados por isso estou tendo dificuldade de implementar o codigo do DAVID pois o codigo dele trata so os campos INPUT. Se alguém puder me ajudar eu agradeço muito.
<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>
esse é meu codigo se alguém puder me dar uma ajuda eu preciso que a div item adicione dinamicamente assim que eu clicar no botao Adicionar Item.
Pergunta
klebinho
Ola pessoal preciso que um campo seja adiocionado automaticamente em minha página vi uma video aula do DAVID CHC que é exatamente o que eu preciso mas o problema é o seguinte os campos que eu preciso que seja adicionado dinamicamente eles são campos de SELECT que pega os valores do banco de dados por isso estou tendo dificuldade de implementar o codigo do DAVID pois o codigo dele trata so os campos INPUT. Se alguém puder me ajudar eu agradeço muito.
<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>esse é meu codigo se alguém puder me dar uma ajuda eu preciso que a div item adicione dinamicamente assim que eu clicar no botao Adicionar Item.
Editado por fercosmigadd tag's
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.