Cree mi formulario en mi controlador y puedo registrar datos de manera normal, pero no puedo manejar los campos con JavaScript.
CREE MI FORMULARIO DE LA SIGUIENTE MANERA EN MI CONTROLADOR:
$form =$this->createFormBuilder() ->add('tipo_comprobante') ->add('serie_comprobante') ->add('num_comprobante') ->add('fecha_hora',DateType::class) ->add('estado') ->add('tipo_pago') ->add('total_compra') ->add('deuda') ->add('cantidad', NumberType::class) ->add('precio_compra', NumberType::class) ->add('Guardar',SubmitType::class) ->getForm();
TRATE DE "PERSONALIZAR" LOS CAMPOS EN EL TEMPLATE DE LA SIGUIENTE FORMA:
{{ form_start(form) }} <div class="col-lg-2 col-sm-2 col-md-2 col-xs-2"> <label>DETALLE SALIDA</label> <div class="col" name="ccantidad_ingreso" id="ccantidad_ingreso"> {{ form_row(form.cantidad) }} </div> <div class="col" name="pprecio_compra" id="pprecio_compra"> {{ form_row(form.precio_compra) }} </div> <label> Medicamento </label> <input type="text" name="z" id="z"> </div> <div class="row"> <div class="form-group"> <div class="col-lg-8 col-sm-8 col-md-8 col-xs-8"> <button type="button" id="bt_add" class="btn btn-primary">Agregar</button> </div> </div> </div> {{ form_end(form) }}
TRATE DE MANIPULARLO CON JAVASCRIPT:
{% block javascripts %} <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function() { $('#bt_add').click(function() { agregar(); }); }); function agregar() { //$("#").val() precio_compra = document.getElementById("pprecio_compra").value; cantidad_ingreso = document.getElementById("ccantidad_ingreso").value; z = document.getElementById("z").value; console.log(precio_compra); console.log(cantidad_ingreso); console.log(z); } </script> {% endblock %}
MI PROBLEMA:
No puedo capturar los valores del formulario que cree en el controlador, pero si captura los valores del "input" que cree para probar y solo ignora los valores del formulario.
precio_compra
ycantidad
, pero en Javascript tratas de acceder con:pprecio_compra
yccantidad_ingreso
.