agregar input y select en filas dinamicas

[aviweb2015]

saludos amigos tengo un problema tengo un código js el cual me permite agregar filas dinámicas y el cual me funciona perfectamente pero ahora quisiera agregar no solo input si no dos select que hacen consulta en la bd pero lo lo he podido solucionar.

este es mi archivo.js el cual funciona perfectamente pero solo es con input

Código Javascript:

var inputs = 3;
$(document).ready(function(e) {
$('#agregar').on('click', function() {
if (inputs == 6) {
  return false;
}
inputs = inputs + 1;
if ($('#alumno' + inputs + '').length > 0) {
  $('#alumno' + inputs + '').show();
} else {
 
$('.inputs').append('<div id="alumno'+inputs+'"><div class="input-field col s12 m4"><input id="cedula" type="text" name="cedula[]" autocomplete="off" title="Cedula!" required/><label for="cedula">Cédula:</label></div><div class="input-field col s12 m4"><input id="nombres" type="text" name="nombres" autocomplete="off" title="Nombres!" required/><label for="nombres">Nombres:</label></div><div class="input-field col s12 m4"><input id="apellidos" type="text" name="apellidos" autocomplete="off" title="Apellidos!" required/><label for="nombres">Apellidos:</label></div></div>');
 
}
 
$('#quitar').fadeIn();
if (inputs == 6) {
  $('#agregar').fadeOut();
 
}
});
$('#quitar').on('click', function() {
if (inputs == 3) {
  return false;
}
$('#alumno' + inputs + '').hide();
inputs = inputs - 1;
$('#agregar').fadeIn();
if (inputs == 3) {
  $('#quitar').fadeOut();
}
});
});
 

estos son los dos select que quiero agregar en el archivo .js

Código PHP:

<div class="input-field col s12 m4">
<select name="id_cuentas" id="id_cuentas" required/>
<option value="" disabled selected>Tipo de Cuenta:</option>
<?php
$consulta = $DB_con->query("SELECT * FROM cuentas ORDER BY id_cuentas");
while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
?>
<option value="<?php echo $linea['id_cuentas[]'] ;?>"><?php echo 
$linea['cuentas'] ;?></option>
<?php
 }
 ?>
 </select>
 </div>
 
 
 <div class="input-field col s12 m4">
 <select name="id_bancos" id="id_bancos"  required/>
 <option value="" disabled selected>Banco Destino:</option>
 <?php
 $consulta = $DB_con->query("SELECT * FROM bancos ORDER BY id_bancos");
 while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
 ?>
  <option value="<?php echo $linea['id_bancos[]'] ;?>"><?php echo $linea['bancos'] ;?></option>
 <?php
  }
  ?>
  </select>
  </div>
 

[ArturoGallegos]

Puedes meter el HTML resultante de esos select en una variable y cada que agreges nuevas filas con los campos le añades esa variable

No has probado mudarte a otro framework? con AngularJs o con VueJs eso lo harías hasta con los ojos cerrados.

[aviweb2015]

Iniciado por ArturoGallegos

Puedes meter el HTML resultante de esos select en una variable y cada que agreges nuevas filas con los campos le añades esa variable

No has probado mudarte a otro framework? con AngularJs o con VueJs eso lo harías hasta con los ojos cerrados.

gracias amigo por tu consejo lo tomare el AngularJs nunca he trabajado con el pero nunca es tarde para intentarlo. perdona tanta molestia pero podrás darme un ejemplo de como debería ser el método a como te refieres.

[ArturoGallegos]

Con lo de variable... es lo mismo que ya haces tu, simplemente el resultado de ese php hay que colocarlo dentro de una variable... algo así
https://jsfiddle.net/arturogallegos/gx5qcahd/1/

Dependiendo de las necesidades utiliza uno u otro

Dentro del template podrías incluso meter todos los input que necesitas sin tener que estar creando la cadena