<form id="formCrearMetas" >
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Metas</h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <!--  <div class="col-md-6">
              <div class="form-group">
                       <label>Planes</label>
                       <select class="form-control select2 select2-hidden-accessible">
                 {% for meta in Metas  %}
     
     <option value="{{ meta.metaID }}">{{ meta.metaTITULO }}</option>
     
     {% endfor %}-->

                <div class="row">
                    <div class="col-md-6">
                        <div class="box-body">
                            <div class="form-group">
                                <label>Plan</label>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6"> 
                        <div class="form-group">
                            <div class="box-body">
                                <label for="evaluacion">Tipo Valor</label>

                                <select class="form-control" id="tipovalor"  name="tipovalor">


                                    <option value='TEXTO' >TEXTO</option>
                                    <option value='NUMERO'>NUMERO</option>
                                    <option value='PORCENTAJE'>PORCENTAJE</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6"> 
                        <div class="form-group">
                            <div class="box-body">
                                <label for="codigo">Código</label>
                                <input type="text" class="form-control" id="codigo"  name="codigo" placeholder="Código">
                            </div>
                        </div>
                    </div>


                    <div class="col-md-6"> 
                        <div class="form-group">
                            <div class="box-body">
                                <label for="frecuenciamedia">Frecuencia Media</label>
                                <input type="text" class="form-control" id="frecuenciamedia" name="frecuenciamedia" placeholder="Frecuencia Media">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="box-body">
                            <div class="form-group">
                                <label>Evaluación</label>
                                <select class="form-control" id="evaluacion" name="evaluacion">


                                    <option value='>' >Mayor</option>
                                    <option value='<'>Menor</option>
                                    <option value='='>Igual</option>
                                </select>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-6"> 
                        <div class="form-group">
                            <div class="box-body">
                                <label for="valor">Valor Esperado</label>
                                <input type="text" class="form-control" id="valoresperado"  name="valoresperado" placeholder="Valor Esperado">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12"> 
                        <div class="form-group">
                            <div class="box-body">
                                <label>Descripción</label>
                                <textarea  id="descripcion" name="descripcion" class="form-control" rows="3" placeholder="Descripción ..."></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="box-footer">
                    <button type="submit" id="btn_registro" name="btn_registro" class="btn btn-primary">Guardar</button>
                    <button  class="btn btn-warning">Cancelar</button>
                </div>

            </div>
        </div>  

    </div>       
</form>
<script type="text/javascript" >
    $("#formCrearMetas").on("submit", function (event) {
        alert($( this ).serialize());
        ejecutarOperacion('planeador', 'Metas', 'registrar',
                $(this).serialize(),
                function (response) {
                    var respuesta = JSON.parse(response);
                    if (respuesta.RESPONSE == 'SI') {
                        alert("Usuario creado con Exito!");
                        $("#formMetas")[0].reset();
                    } else {
                        alert(respuesta['RESPONSE']);
                    }
                });
        event.preventDefault();
    });
</script>