Envío de formulario con una tabla dinámica

[Antonio Veliz]

bueno estoy ya trabajando con un formulario que tiene una tabla dinámica, en la tabla puedo adicionar y eliminar las filas hasta alli todo bien, lo que nececito que me ayuden en 2 cosas que no he podido resolver: 1-) El segundo select es dependiente del primero y no se hace nada no se que error pueda tener ,llevar las sumas totales de cada columna y fila , 2-) enviar el formulario completo, se que es un problema enviar la tabla dentro del formulario pero me sirve enviarlo como matriz yo me emmcargo después buscar los datos en la controladora. Trabajo con python, django,jquery, bootstrap, el codigo:

$(document).ready(function () {
$("#nuevoServicio").click(function () {
var tableReg = document.getElementById("tablaserviciosprest");
$("#tablaserviciosprest").append("<tr>" + tableReg.rows[1].innerHTML + "</tr>");

$('.eliminalinea').off().click(function (e) {
$(this).parent('td').parent('tr').remove();
});
addcambios();
});
});

function addcambios() {
$(".seleccionarArea1").change(function () {
var $servselect = $(this).parents("tr").find("td")[1].children[0];
$servselect.disabled = false;
});
}
function empty(unselect) {
for (var i = 1; i < unselect.children.length; i++) {
unselect.children[i].remove();
}
}



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<form role="form" action="" method="post" class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>Adicionar Servicio Prestado</h3>
</div>
<div class="modal-body ">

<div class="panel panel-default ">
<div class="panel-body 2">
<div class="form-group">
<label for="areaSP" class="control-label col-lg-1">Área*:</label>
<div class="col-lg-4">
<select class="form-control" id="areaSP" name="areaT">
<option value="">Seleccione Área ...</option>
{% for area in area_List %}
<option value="{{ area.pk }}">{{ area.area }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label for="clienteSP" class="control-label col-lg-1">Cliente*:</label>
<div class="col-lg-6">
<select class="form-control" id="clienteSP" name="areaT">
<option value="">Seleccione Cliente ...</option>
{% for cliente in cliente_List %}
<option value="{{ cliente.pk }}">{{ cliente.nombreEmp }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label for="carnetI" class="control-label col-lg-2">Servicios Prestados*:</label>
<div class="col-xs-offset-1 col-lg-11">
<table class="table table-bordered" id="tablaserviciosprest">
<thead>
<tr>
<th>Área</th>
<th>Servicio</th>
<th>Precio CUP</th>
<th>Precio CUC</th>
<th>Precio Total</th>
<th>Cantidad</th>
<th>Costo Total</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
<tr style="display:none; ">
<td class="col-lg-2">
<select id="seleccionarArea[]"
class="select2_single form-control select2-hidden-accessible seleccionarArea"
name="seleccionarArea[]">
<option value="">Seleccione Área ...</option>
<option value="1">Comercio</option>
<option value="2">Aplicaciones Informáticas</option>
<option value="3">Desarrollo</option>
</select>
</td>
<td class="col-lg-2">
<select id="seleccionarServicioP[]"
class="select2_single form-control select2-hidden-accessible seleccionarServicioP"
name="seleccionarServicioP[]" disabled="">
<option value="">Seleccione Servicio ...</option>
</select>
</td>
<td><input type="text" id="precioCUP" name="precioCUP[]" placeholder="CUP"
class="form-control">
</td>
<td><input type="text" id="precioCUC" name="precioCUC[]" placeholder="CUC"
class="form-control"></td>
<td><input type="text" id="precioTotal" name="precioTotal[]" class="form-control"
placeholder="Total"></td>
<td><input type="text" id="cantidad" name="cantidad[]" class="form-control"
placeholder="Cantidad"></td>
<td><input type="text" id="costoTotal" name="costoTotal[]" class="form-control"
placeholder="Total"></td>
<td>
<button type="button" class="eliminalinea btn btn-default btn-xs col-lg-offset-4">
<span class="glyphicon glyphicon-minus " style="color: red"></span></button>
</td>
</tr>
<tr>
<td class="col-lg-2">
<select id="seleccionarArea[]"
class="select2_single form-control select2-hidden-accessible seleccionarArea"
name="seleccionarArea[]">
<option value="">Seleccione Área ...</option>
<option value="1">Comercio</option>
<option value="2">Aplicaciones Informáticas</option>
<option value="3">Desarrollo</option>
</select>
</td>
<td class="col-lg-2">
<select id="seleccionarServicioP[]"
class="select2_single form-control select2-hidden-accessible seleccionarServicioP"
name="seleccionarServicioP[]" disabled>
<option value="">Seleccione Servicio ...</option>
</select>
</td>
<td><input type="text" id="precioCUP[]" name="precioCUP[]" placeholder="CUP"
class="form-control">
</td>
<td><input type="text" id="precioCUC[]" name="precioCUC[]" placeholder="CUC"
class="form-control"></td>
<td><input type="text" id="precioTotal[]" name="precioTotal[]" class="form-control"
placeholder="Total"></td>
<td><input type="text" id="cantidad[]" name="cantidad[]" class="form-control"
placeholder="Cantidad"></td>
<td><input type="text" id="costoTotal[]" name="costoTotal[]" class="form-control"
placeholder="Total"></td>
<td>
<button type="button" class="eliminalinea btn btn-default btn-xs col-lg-offset-4" disabled>
<span class="glyphicon glyphicon-minus " style="color: red"></span></button>
</td>
</tr>
</tbody>
</table>
<button type="button" id="nuevoServicio" class="btn btn-danger nuevoServicio">Nuevo Servicio
</button>
</div>
</div>
<div class="form-group">
<label for="porCobrar" class="control-label col-lg-2">Por Cobrar:</label>
<div class="checkbox col-lg-7">
<input id="porCobrar" name="porCobrar" type="checkbox" checked>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="col-lg-12 text-right">
<button type="submit" class="btn btn-primary" name="submit">Guardar</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</form>

Espero que me puedan ayudar ya que llevo varios dias en esto y no doy con la solución

[Matemática A3K]

Antonio,

Tu duda / problema corresponde a jQuery más que a Django, en una lista enfocada en Javascript en Español podrás encontrar mas ayuda.

También te recomiendo que uses sitios como jsfiddle para postear tu código en estos casos, así le va a ser mas fácil para quienes pueden ayudarte el hacerlo.

Saludos!

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To post to this group, send email to django...@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/ffe4de5c-3cfa-43ee-8217-4e5f0ce7674d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.