Criar selects e Campos com Botão

[vitinho.vitor 0]

Boa tarde, não sei se estou no lugar certo mas vamos lá.

 

Pesquisei um pouco e não achei o que eu queria, eu preciso de um botão que crie um select populado por banco de dados e um input text.

O select já teria que vir populado mas sempre igual, não precisa puxar nenhum dado a mais do banco.

 

desde já agradeço,

Vitor

[William Bruno 1501]

já deixe esse select e esse input no html logo de cara.

 

então não ao clicar no botão, você dá um display: block;

 

apenas isso.

Oque você quer, é a mesma idéia disso aqui:

http://wbruno.com.br/blog/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

[vitinho.vitor 0]

O único problema é que o número de inputs é indefinido. Pode ter 1 ou 100.

E o nome dele deve ser name="teste[XX]" uma array sequencial. Pode ser em PHP se precisar.

 

Obrigado

[William Bruno 1501]

então você não está explicando direito, ou não sabe oque você quer.

 

formule melhor a pergunta, e tente desenvolver. Só assim será possível te ajudar.

[vitinho.vitor 0]

Ok deixa eu tentar explicar.

No select, haverá um extensa lista para a pessoa escolher os itens, porém ela vai escolher quantos itens quiser e para isto preciso de quantos selects ela quiser.

Seria algo assim:

<select name="teste[0]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[0]"><br>

<select name="teste[1]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[1]"><br>

<select name="teste[2]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[2]"><br>

<select name="teste[3]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[3]"><br>

<select name="teste[4]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[4]"><br>

 

E um botão para ela adicionar mais quantos forem necessários.

 

Deu para entender?

 

Obrigado,

Vitor

[William Bruno 1501]

Entendi. E qual a dificuldade ?

 

existem várias formas de fazer. appendChild, innerHTML..

.clone() do jQuery..

 

você pode englobar cada grupo desse num fieldset, e então sair duplicando esse fieldset.

 

obs: essa chave numerica dentro do array é desnecessária.

[vitinho.vitor 0]

Obrigado, gostaria de saber quais funções faziam isso. vou tentar usar .clone() e qualquer coisa que der errado eu aviso!

Só não entendi por que a chave é desnecessária. O que devo fazer então?

Obrigado,

Vitor

[William Bruno 1501]

só deixar assim:

 

<select name="teste[]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[]"><br>

<select name="teste[]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input type="text" name="qtd[]"><br>

sem nada dentro.

[vitinho.vitor 0]

Ah ok, isso me facilita muito!!

Vou tentar fazer com jquery!

[vitinho.vitor 0]

Olá pessoal,

consegui fazer utilizando .clone() porém tenho um pequeno problema:

O clone sempre fica embaixo do primeiro e eu preciso que fique em ultimo.

Segue código:

<script type="text/javascript">
$(document).ready(function(){
$("#addpdt").click(function() {
$('#campo').clone().insertAfter("#campo:last");
})
});
</script>

 

Obrigado

[William Bruno 1501]

faz um .append() no container dos campos, em vez de usar o insertAfter()

 

o problema é a função que você usou para colocar eles lá, e não o clone() e si.

[vitinho.vitor 0]

Como eu posso usar o append para deixar a clonagem no final de todos as DIVs chamadas campo?

 

Obrigado