JQuery Adicionar outro campo select após clicar em um botão

[Lucas-Guamá]

Bom dia. Gostaria de saber como fazer para adicionar outro campo select ao clicar em um botão.

(Ver anexo) Gostaria que outro campo select "Autor(es)" fosse criado após clicar no botão "Adicionar +1 Autor".

Obrigado desde já!

 

[DiF]

@Lucas-Guamá Provavelmente vai precisar o Javascript para criar um campo novo ou clonar o anterior.

 

Veja este exemplo:

<select name="teste">
   <option>Autor 1</option>
   <option>Autor 2</option>
   <option>Autor 3</option>
</select>
<button>
  Adicionar autor
</button>

$(document).ready(function(){
  $("button").on("click",function(){
    $("select").clone().appendTo("body");
  });
});

Exemplo online:  https://jsfiddle.net/dife/8qjdrpe7/3/

 

Basicamente, o código acima clona o campo select, porém, você terá que adaptar para que o atributo name, envie um array dos valores selecionados.