Enviar "select" sin recargar pagina ni borrar datos

[armanddo]

Buenas estoy haciendo una factura ,
pero quiero que cuando elija una opcion del select, haga una comparacion,
quiero comparar el resultado del select con mi base de datos, para que automaticamente luego se llenen los demas inputs, como son cantidad, precio unitario, codigo, etc.
pero no quiero que la pagina se recarge al hacer esto, por esa razon quisiera enviar el valor del "select" a php para comparar con los if
como podria lograr esto? ayuda por favor!

[ZedGe1505]

Puedes usar ajax


Ejemplo

[armanddo]

eso estoy intentando, pero no me funciona

este es mi codigo de JS:
function enviar(){
var d1=document.getElementById("descripcion1").value;
$.ajax({
type:'POST',
URL:"factura.php",
data:{descripcion1:d1},

success:function(datos){

$("#mostrardatos").html(datos);
}});
}

[ZedGe1505]

Exportaste jquery??
var d1 tiene valores??
Al poner success:function(datos){alert(datos);} que muestra?

[Alexis88]

Bienvenido a Foros del Web.

Para que no te compliques con el tema de la importación de librerías, realiza la petición asíncrona con código JavaScript nativo:

Código Javascript:

function enviar(){
    var ajax = new XMLHttpRequest();
    ajax.open("POST", "factura.php", true);
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    ajax.addEventListener("load", function(){
        if (this.status == 200){
            document.querySelector("#mostrardatos").innerHTML = this.responseText;
        }
    }, false);
    ajax.send("d1=" + document.querySelector("#descripcion1").value);
}
 

Lo que el script realizará consiste en, primero, crear una instancia al objeto XMLHttpRequest para poder realizar la petición asíncrona; luego, establecer el método de envío, la ruta hacia la cual se enviará el dato; enseguida, determinar si la petición será asíncrona o no, añadir la cabecera para realizar el envío mediante el método POST; a continuación, recibir la respuesta una vez que se haya completado la petición y esta sea exitosa; y, finalmente, enviar el dato mediante una cadena de consulta.

Como puedes ver, el proceso es sencillo, corto y no hubo necesidad de utilizar ninguna librería.

Enlaces de referencia:

• XMLHttpRequest
• AJAX

En el segundo enlace hay más enlaces muy útiles, como este.

Un saludo

[armanddo]

al ejecutar la funcion, me sale esto : osea me copia de nuevo la misma factura



pero al poner mi funcion, me sale bien, pero me copia nuevamente la factura debajo de la que ya tengo , que sera, ayudame plz

Codigo html:
</tr><?php
include("conexion.php");
$query="SELECT *FROM tabla_imagen";
$resultado=$conexion->query($query);
?>
<tr>
<td><input name="codigo1" type="text" size="10" onchange=""></td>
<td><select name="descripcion1" id="descripcion1">
<option value="">Seleccione un producto</option>
<?php while($row= $resultado->fetch_assoc()){?>
<option value="<?php echo $row['nombre'];?>"><?php echo $row['nombre'];?></option><?php
}
?></select>
<input type="button" onclick="enviar();">
<?php
$d1=$_POST["descripcion1"];
echo $d1;
?>
</td>
<td><input name="cantidad1" id="cantidad1" type="number" onkeyup="sumar();total();" size="5"></td>
<td><input name="precio_unitario1" id="precio_unitario1" onkeyup="sumar();total();" type="text" size="15"></td>
<td><input name="precio_total1" id="precio_total1" value="0" type="text" onkeyup="sumar();total();" size="15"></td>