Buenos días
Estoy iniciando y para poder iniciar bien me exigen que realice un sistema de chequera, no mas imaginense.
Quisiera ver si me puede ayudar con este codigo que intenta realizar una conexion a un ajax desde un archivo que se apoya con jQuery
<html>
<head>
<!-- Archivo de consultas de Solicitud de Cheques -->
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>SAF- Solicitud de Cheques</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="javascript/divhide.js"></script>
<script src="javascript/jquery.tmpl.js"></script>
<script>
$(function(){
$('#query').live('keyup', function(){ // Obtiene la informacion conforme va tecleando la busqueda
//
var fecha= document.getElementById('fec').value; // Se toma la variable a concatenar fecha (No se si se deben de agregar 2 valores de fecha ini y fin)
var opcion= document.getElementById('opc').value; // Se crea variable para tomar informacion del combo, misma que sera unida al data
var data = 'query=' + opcion + $(this).val(); // Toma el valor de los datos, que viene del input
//alert(data); // Este echo es para validar que se despliegue la informacion de data y opcion
$.post('ajax.php',data, function(resp){ //Entra al Ajax para realizar las consultas conforme a la opcion seleccionada
alert(resp.response);
$('#proveedor').empty();
$('#tmpl_proveedor').tmpl(resp).appendTo('#proveed or'); // Checa el plugin de templating para Java, tomando los productos del script de abajo y
// los va colocando en la forma de la tabla
}, 'json'); // Json es una muy buena opcion
});
});
</script>
<script id="tmpl_proveedor" type="text/x-jquery-tmpl">
<tr>
{{if nomprov}}
<td>${folio}</td>
<td>${nomprov}</td>
<td>${falta}</td>
<td>${concepto}</td>
{{else}}
<td colspan="2">No existen resultados</td>
{{/if}}
</tr>
</script>
<style type="text/css">
.Estilo1 {
font-family: Arial;
font-size: 13px;
}
</style>
</head>
<body>
<div id="main">
<h1 class="Estilo1">Busqueda de Solicitudes de Cheque</h1>
<label>
<select name="opc" id="opc" onChange="ShowHidden()">
<option value="1">Número de Cheque</option>
<option value="2">Proveedor</option>
<option value="3" >Departamento</option>
<option value="4" >Concepto</option>
<option value="5">Por fechas</option>
</select>
</label>
<!-- Selecciona el numero de Cheque -->
<div align="left" id="NoCheques" style="z-index:1; position:absolute; width:302px; top: 85px; left: 397px; height: 21px;">
<input type="text" name="query" id="query" size="60" >
</div>
<!-- Selecciona por Departamento
<div align="left" id="depto" style="z-index:1; position:absolute; width:302px; top: 90px; left: 399px; height: 21px;">
<input type="text" name="query" id="query" size="60">
</div>
<!-- Selecciona por Proveedor
<div align="left" id="prov" style="z-index:1; position:absolute; width:302px; top: 90px; left: 399px; height: 21px;">
<input type="text" name="query" id="query" size="60">
</div>
<!-- Selecciona por fecha -->
<div align="left" id="fecha" style="z-index:1; position:absolute; width:302px; top: 85px; left: 815px; height: 21px;">
Desde:
<input type="text" name="fecha1" id="fecha1" size="10">
Hasta:
<input type="text" name="fecha2" id="fecha2" size="10">
</div>
<table>
<thead>
<th>Folio</th>
<th>Proveedor</th>
<th>Fecha de alta</th>
<th>Concepto</th>
</thead>
<tbody id="proveedor" name='proveedor'>
<tr>
<td colspan="2">Encontrar Resultados</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Mi pregunta es, ¿como puedo concatenar 2 input que hacen referencia a fecini y fecfin y los pueda integrar en la busqueda de AJAX