[SOLUCIONADO] Cargar nuevo dato en combo sin recargar la pagina

[matrixre9]

Buenas tardes tengo un problema, tengo un formulario donde cuento con un <select> el cual lo lleno con los datos de la BD.

El problema es que al estar activa la pagina y agregar un dato a la BD de doy click al <select> y siguen apareciendo los mismos datos y el nuevo no.

quisiera saber si existe alguna manera para que al dar de click nuevamente al combo me salga el registro agregado previamente sin tener que recargar la pagina.

[enlinea777]

con Ajax se puede

[manelmanel8]

Ajax o jquery

jQuery - AJAX load() Method

[matrixre9]

Entiendo que se ha de poder con ajax, ya intente cargar el combo con ajax pero me pasa lo mismo entonces quisiera saber si alguien me puede decir como hacer lo que quiero con ajax?

gracias

[pateketrueke]

Me imagino que si no sale es porque algo harás mal, pero es prácticamente imposible decirte qué hacer exactamente porque desconocemos tu código: adivinos no somos.

[enlinea777]

Pues, creo que lo que el quiere que haga es que cuando alguien cargue al select este se modifique solito.
tendrias que hacer un refresh al ajax para que pregunte por ejemplo cada 3 segundos si en la base cambio pues que gatille un nuevo proceso que recargue el contenido del select .

ahora esto no es nada bueno cuando hay muchos usuario por las peticiones pero es lo que veo mejorcito.

lo otro seria que muestre el select solo cuando llegue a esa parte poniendo una funcion en el el input anterior al select para que lo refresque con la info que tenga hasta ese momento

[matrixre9]

pateketrueke no se necesita ser adivino como dices ya que como dije solo tengo un combo que se llena de la base de datos pero el problema es que al agregar un registro nuevo tengo que refrescar la pagina para que me aparezca el nuevo registro (cosa que me borra los datos ya agregados previamente)

de igual manera aquí esta el código del combo haber si alguien me puede ayudar a hacerlo con ajax para lograr lo que quiero o que sugerencia me pueden dar

Código PHP:

 <select style="width:150px" name="modelo" id="modelo" required>
               <option></option>
            
            
                <?php //codigo para llenar combo con la base de datos 
                    $modelo=mysql_query("select * from modelos",$con) or die("Problemas en el select:".mysql_error());
                    while($row = mysql_fetch_array($modelo))
                        {
                            echo'<OPTION VALUE="'.$row['id_modelo'].'">'.$row['nombre_modelo'].'</OPTION>';
                        }
                        //fin del codigo para llenar el combo
                ?>
               </select>  

[alexisverano]

Desde donde quieres insertar el nuevo elemento? Me imagino que desde una caja de texto en la misma pagina, si ó no?

[matrixre9]

Quiero crear una pequeña ventana que aparezca ingresar en nuevo dato y con un botón guardar que lo ingrese a la base de datos.

ahorita lo estoy haciendo manual ingreso el dato directo en la BD y verifico el combo y no aparece el registro

[alexisverano]

matrixre9, te dejo un ejemplo, que construi a base de tus necesidades, observalo y adaptalo a tu trabajo.

Estrustura de la base datos:

Código MySQL:

DROP TABLE IF EXISTS `tb_personas`;
CREATE TABLE `tb_personas` (
  `id_personas` int(11) NOT NULL AUTO_INCREMENT,
  `nombre_personas` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id_personas`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
 

Conexion a la db:

Código PHP:

$db_host = "localhost"; 
$db_usuario = "root"; 
$db_password = ""; 
$db_basedatos = "db_pruebas"; 
$mysqli = new mysqli($db_host, $db_usuario, $db_password, $db_basedatos);
 

[alexisverano]

Pagina para los usuarios:

Código HTML:

<script type="text/javascript" language="javascript" src="ajax.js"></script>
<input type="text"  id="obj_text" />
<input type="button" id="obj_btn" value="Enviar" onclick="enviar_personas()" /><br><br>
<div id="resultados"><?php include ('personas.php'); ?> </div>
 

[alexisverano]

Fichero ajax.js

Código Javascript:

//========================
//CREACION DEL OBJETO AJAX
//========================
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
 
//==========================================================
function enviar_personas(){
    divResultado = document.getElementById('resultados');
    nombre = document.getElementById('obj_text').value;
 
    ajax=objetoAjax();
    ajax.open("POST", "accion.php");
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("nombre="+nombre)
}
 

[alexisverano]

Pagina accion.php

Código PHP:

include ('conn.php');
$mysqli->query("INSERT INTO tb_personas SET nombre_personas='".$_POST['nombre']."'");
include ('personas.php');
 

Pagina personas.php

Código PHP:

<select name="select" id="obj_personas">
<option value=""></option>
<?php
include ('conn.php');
$rs = $mysqli->query("SELECT * FROM tb_personas");
while ($row = $rs->fetch_assoc()){
    echo "<option value='" .$row['id_personas'] ."'>" .$row['nombre_personas'] ."</option>";
}
 
?>
</select>
 

Espero resuelvas...

[matrixre9]

Excelente amigo hice una prueba con un solo combo y funciono perfecto es parecido a lo que quería me es de mucha ayuda, de nuevo muchas gracias.