Estou montando um cadastro de listas de musicas para um site de karaoke. Ele funciona assim:
Busca a música pré-cadastrada Pega essa música do input e insere em uma lista li
tenho o seguinte:
<input id="musica" type="text">
<button type="button" id="add">Adicionar</button>
<ul id="listademusicas">
</ul>
<script>
jQuery('#add').click(function() {
jQuery('#listademusicas').append('<li id="">'+jQuery('#musica').val()+'</li>');
});
</script>
Aí eu queria que ao inserir o li, ele trouxesse o id da musica, a tabela está assim:
tabela_musicas
id|nome
1 |nome da musica1
2 |nome da musica2
No input que pega o nome da música estou usando uma consulta que traz o nome exato da música, então pensei em fazer alguma coisa como
SELECT id FROM tabela_musicas WHERE nome = "nome da musica".
Mas não sei como fazer essa consulta de forma dinâmica. Eu queria que o id da música fosse inserido no name ou id de cada linha.