Então, estou fazendo um formulário de cadastro de clinicas e nesse formulário tem um campo Especialidades que pega os dados de outro banco de dados e mostra as opções em lista para escolher, eu estou tentando colocar um botão adicionar e um remover para que se cadastre mais de uma especialidade para cada clinica, no formato input=text ta funcionando mas o campo select eu não estou conseguindo fazer funcionar, nada acontece ao clicar.
SCRIPT
$(document).ready(function() {
var campos_max = 10; //max de 10 campos
var x = 1; // campos iniciais
$('#add').click (function(e) {
e.preventDefault(); //prevenir novos clicks
if (x < campos_max) {
$('#listas').append('<div>\
<select name="espc">\
<a href="#" class="remover_campo">Remover</a>\
</div>');
x++;
}
});
// Remover o div anterior
$('#espc').on("click",".remover_campo",function(e) {
e.preventDefault();
$(this).parent('div').remove();
x--;
});
HTML
<p>
<label for="espc">Especialidades</label>
<select name="espc" id="espc">
<?php
include('conectadb.php');
$pesquisa="select codigo_esp,tipo from especialidades order by tipo";
$query=mysqli_query($conn,$pesquisa);
while($dados=mysqli_fetch_array($query))
{
$codigo=$dados['codigo_esp'];
$tipo=$dados['tipo'];
echo "<option value='" .$codigo ."'>" .$tipo ."</option>";
}
?>
</select>
<input type="button" id="add" value="adicionar">
Desculpe qualquer erro bobo sou novato ainda; Obrigado.
select
mas está esquecendo de fechar ela</select>