[SOLUCIONADO] Jquery, Ajax y PHP no autocompleta un textbox

[David_erh]

Saludos a todos, soy nuevo en jquery y necesito de su ayuda; en un formulario tengo dos select (lista_agentes y estados), deseo que al seleccionar un agente y el estado de sus solicitudes de atención se cargue en un textbox el número de solicitudes según el estado, pero no está funcionando.

Tengo un archivo PHP que realiza una consulta y me devuelve el resultado siguiente en JSON para un ejemplo:

[{"numItems":"7"}]

E código PHP es:

Código PHP:

  <?php
@$cod_agt=$_GET['cod_agt'];
@$cod_est=$_GET['cod_est'];
/// Preventing injection attack //// 
if(!is_numeric($cod_agt) AND !is_numeric($cod_est)){
    echo 'Data Error';
    exit();
}
require "config.php";
$sql="SELECT COUNT(*) as numItems FROM solicitudes AS s JOIN estados AS e ON s.idEstado = e.idEstado WHERE s.Delegado_a='$cod_agt' and s.idEstado='$cod_est'";
$row=$dbo->prepare($sql);
$row->execute();
$result=$row->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($result);
?>   

El script es:

Código:

<script>
	$(document).ready(function() {
		$('#estados').change(function(){
			var cod_agt=$('#lista_agentes').val();
			var cod_est=$('#estados').val();
			$('#num_items').empty(); //remove all existing options
			$.get('carga_num_items.php',{'cod_agt':cod_agt,'cod_est':cod_est},function(data){
			  $('#num_items').val(data);
			}, "json");
		});
	});
</script>

Y el código del form HTML es:

Código HTML:

<select id="lista_agentes" name="lista_agentes" >
	<option value="0" selected>Sin Asignar</option>
	<option value="1">Juan</option>
	<option value="2">Pedro</option>
	<option value="3">Mercedes</option>
</select>
<br>
<select id="estados" name="estados">
	<option value="0" selected>Elija</option>
	<option value="1">Demorado</option>
	<option value="2">Descartado</option>
	<option value="3">Aceptado</option>
</select>
<br>
<input type="text" id="num_items" name="num_items" size="4">
<input type="submit" name="solicitudes_por_agente" value="MOSTRAR"/> 

Saludos y gracias por la ayuda que puedan darme.

David

[David_erh]

Me respondo a mi mismo.

Después de mucho buscar y con prueba y error llegué a solucionarlo y lo dejó ppor si a alguien le sirve:

El JSON creado tiene el formato:

[{"numItems":"7"}]

Por lo tanto es una lista asociativa dentro de un array así que el script debería de tener entre corchetes el primer argumento del array:

Código:

$(document).ready(function() {
		$('#estados').change(function(){
			var cod_agt=$('#lista_agentes').val();
			var cod_est=$('#estados').val();
			$('#num_items').empty(); //remove all existing options
			$.get('carga_num_items.php',{'cod_agt':cod_agt,'cod_est':cod_est},function(data){
			  $('#num_items').val(data[0].numItems);
			}, "json");
		});
});

Saludos