Código HTML:
<div id="page-wrapper">
<div class="row" style="padding-top:20px;">
<?php if(isset($secreo_ord)){ ?>
<div style="margin-top:15px;" class="alert alert-<?php echo ($secreo_ord['tipo']=='success')? 'success':'danger' ?>" role="alert"><strong><?php echo $secreo_ord['info']; ?></strong></div>
<?php } ?>
<form id="form-crearorden" method="post" action="<?php echo base_url('fotografos/crearOrdenAction') ?>" class="form-horizontal">
<fieldset>
<legend>Captura de orden</legend>
<div class="form-group">
<label class="col-sm-3 control-label">Sección:</label>
<div class="col-lg-3">
<select class="form-control input-sm" name="seccion" id="select_seccion">
<option value="">---Seleccione la sección---</option>
<option value="COM">Comerciales</option>
<option value="DEP">Deportes</option>
<option value="ESC">Escena</option>
<option value="SOC">Sociales</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Fotógrafo:</label>
<div class="col-lg-3">
<select class="form-control clasecillaj input-sm" name="fotografo" id="id_fotografo" >
<option value="">-- Seleccione el fotógrafo --</option>
<!-- Agregados con JSON -->
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Fecha:</label>
<div class="col-sm-3">
<input onBlur="guardadatos()" type="text" name="fecha" id="input_date" class="form-control clasecillaj input-sm">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Hora: (formato 24hrs)</label>
<div class="col-sm-3">
<input type="text" name="horade" id="input_timede" class="form-control clasecillaj input-sm">
</div>
</div>
<div style="margin:0;" id="fotografo_ocupado"></div>
<div class="form-group">
<label class="col-sm-3 control-label">Evento / Pago:</label>
<div class="col-sm-3">
<input onBlur="guardadatos()" type="text" class="form-control input-sm" name="pago" id="input_pago" />
</div>
</div>
<div class="form-group" id="div_pago">
<input type="hidden" name="haypago" value="si" id="bandera" />
<label class="col-sm-3 control-label">Liquidado:</label>
<div class="col-sm-3">
<input type="checkbox" value="1" name="liquidado" id="check_liquidado"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nombre del evento:</label>
<div class="col-sm-6">
<input onBlur="guardadatos()" id="input_nevento" type="text" class="form-control input-sm" name="evento" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Contacto:</label>
<div class="col-sm-6">
<input onBlur="guardadatos()" id="input_contacto" type="text" class="form-control input-sm" name="contacto1" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Teléfono 1:</label>
<div class="col-sm-6">
<input onBlur="guardadatos()" id="input_teluno" type="text" class="form-control input-sm" name="telefono1" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Teléfono 2:</label>
<div class="col-sm-6">
<input onBlur="guardadatos()" id="input_teldos" type="text" class="form-control input-sm" name="telefono2" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Dirección:</label>
<div class="col-sm-6">
<input onBlur="guardadatos()" id="input_direccion" type="text" class="form-control input-sm" name="direccion" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Comentarios:</label>
<div class="col-sm-6">
<textarea onBlur="guardadatos()" id="input_comentarios" class="form-control" name="comentarios" rows="5"></textarea>
<!--<input type="text" class="form-control" name="comentarios" />-->
</div>
</div>
</fieldset>
<input type="button" value="PRESIONAR!!!" onclick="vervalorechingao();">
<div class="form-group">
<div class="col-sm-9 col-sm-offset-3">
<button onclick="limpiar()" type="submit" name="send" value="ok" class="btn btn-sm btn-primary">Guardar</button>
</div>
</div>
</form>
</div>
</div>
</div><!-- fin </div id="wrapper"> -->
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script src="<?php echo base_url('assets/js/jquery-ui-timepicker-addon.min.js') ?>"></script>
<script src="<?php echo base_url('assets/js/bootstrapValidator.js') ?>"></script>
<script src="<?php echo base_url('assets/js/plugins/metisMenu/metisMenu.min.js') ?>"></script>
<script src="<?php echo base_url('assets/js/sb-admin-2.js') ?>"></script>