Acrescentar select e remover no formulário
Bom dia! Tenho o seguinte código. ele acrescenta quantos selects eu preciso e remove e até ai está funcionando corretamente. Só que preciso que os options sejam preenchidos com informações do banco de dados. Como faço isso? Desde já obrigado!
<head>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(function() {
var divContent = $('#formulario');
var botaoAdicionar = $('a[data-id="1"]');
var i = 1;
//Ao clicar em adicionar ele cria uma linha com novos campos
$(botaoAdicionar).click(function() {
var linha = $('<div class="conteudoIndividual">'+
'<select name="segmento'+i+'" required>'+
'<option value="" disabled selected>Segmentos</option>'+
'<option value="02">AQUI PREENCHER COM OS DADOS DA TABELA SEGMENTO COMO ABAIXO</option>'+
'</select><a href="#" id="linkRemover">- Remover Campos</a></div>').appendTo(divContent);
$('#removehidden').remove();
i++;
$('<input type="hidden" name="quantidadeCampos" value="'+i+'" id="removehidden">').appendTo(divContent);
linha.find("a").on("click", function(){
$(this).parent(".conteudoIndividual").remove();
});
});
});
</script>
</head>
<form method="POST" action="gerarpdf.php" target="_blank">
<div id="formulario">
<select name="segmento" required>
<option value="" disabled selected>Segmentos</option>
<?php
while($seg=$sqlSeg->fecth_objetct()){ // PREENCHO OS OPTIONS COM OS DADOS DA TABELA SEGMENTO DIRETO DO BANCO
echo "<option value='1'>$seg->segmento</option>";
}
?>
</select>
</div>
<input type="submit" value="Gerar"/>
<a data-id='1' href="#">Adicionar</a>
</form>Discussão (1)
Carregando comentários...