preciso de uma ajuda. preciso fazer alguns listbox dinamicos da seguinte forma.
tenha uma pagina onde a pessoa atraves de um listbox escolhe um item, contudo deve haver um botao na pagina em que ela pode incluir mais um listbox dinamicamente.
a cada clique no botao ele gera um novo listbox. eu consigo criar o novo listbox, so não
consigo passar os valores que retornaram da minha query do banco de dados do php para o novo listbox, será que alguém pode me ajudar.
sei que o problema e na hora que eu crio o filho pois não passo o valor do php, já tentei passar os valores na hora que eu crio o filho mas não funcionou, alguém já passou por isso.
Pergunta
diogoryu
e ai galera beleza,
preciso de uma ajuda. preciso fazer alguns listbox dinamicos da seguinte forma.
tenha uma pagina onde a pessoa atraves de um listbox escolhe um item, contudo deve haver um botao na pagina em que ela pode incluir mais um listbox dinamicamente.
a cada clique no botao ele gera um novo listbox. eu consigo criar o novo listbox, so não
consigo passar os valores que retornaram da minha query do banco de dados do php para o novo listbox, será que alguém pode me ajudar.
sei que o problema e na hora que eu crio o filho pois não passo o valor do php, já tentei passar os valores na hora que eu crio o filho mas não funcionou, alguém já passou por isso.
Valeu galera.
segue o codigo.
<script type="text/javascript">
var qtdeCampos = 0;
function addCampos() {
var objPai = document.getElementById("campoPai");
//Criando o elemento DIV;
var objFilho = document.createElement("div");
//Definindo atributos ao objFilho:
objFilho.setAttribute("id","filho"+qtdeCampos);
//Inserindo o elemento no pai:
objPai.appendChild(objFilho);
//Escrevendo algo no filho recém-criado:
document.getElementById("filho"+qtdeCampos).innerHTML = "<select name='lanche' id='lanche"+qtdeCampos+"' name='campo[]'> <input type='button' onclick='removerCampo("+qtdeCampos+")' value='Remover Lanche'>";
qtdeCampos++;
}
function removerCampo(id) {
var objPai = document.getElementById("campoPai");
var objFilho = document.getElementById("filho"+id);
//Removendo o DIV com id específico do nó-pai:
var removido = objPai.removeChild(objFilho);
}
</script>
</head>
<body>
<?php
require_once("busca_mesa.php");
require_once("busca_lanche.php");
$numero = busca_mesa();
$lanche = busca_lanche();
?>
<form action="cad_pedido.php" method="POST" name="cad_pedido">
<table width="200" border="1">
<tr>
<td>Mesa</td>
<td>
<select name="mesa" id="mesa">
<?php foreach ($numero as $mesa) {
echo "<option value=$mesa>$mesa</option>";
}
?>
</select>
</td>
</tr>
<tr>
<div id="campoPai"></div>
<td>Lanche</td>
<td>
<select name="lanche" id="lance" onclick="addCampos()">
<?php foreach ($lanche as $lanches) {
echo "<option value=$lanches>$lanches</option>";
}
?>
</select>
</tr>
<tr>
<td>Adcionar Lanches</td>
<td><input type="button" value="Adicionar lanche" onclick="addCampos()"></td>
</tr>
<tr></tr>
<tr>
<td><input type="reset" name="clean" id="clean" value="Limpar" /></td>
<td><input type="submit" name="env" id="env" value="Enviar" /></td>
</tr>
</table>
</form>
</body>
</html>
Editado por diogoryuLink para o comentário
Compartilhar em outros sites
0 respostass 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.