Skip to main content

onchange no envia el valor

Tengo un problema con ajax, tengo un campo en html:

<input type="hidden" id="numreporte" name="numeroreporte" value="30" >

y tengo la siguiente función:

function valnumreport(){

 $.ajax({
        type: 'POST',
        url: 'ruta.php',
        data:'numeroreporte='+ document.getElementById('numreporte').value,
        success:function(response){

   alert (numeroreporte);


  }
  });
}
        

y llamo a la función con un onchange

onchange ='valnumreport()'

Lo que quiero es mandar el valor del hidden a otra pagina con un evento onchange pero no lo envía, apenas estoy trabajando con ajax por eso no tengo muchos conocimientos