Foros del Web » Programando para Internet » PHP »

php ajax multiples campos

Estas en el tema de php ajax multiples campos en el foro de PHP en Foros del Web. Hola como estan estoy empezando con esto del ajax y tengo muchas dudas!! tome un ejemplo de la web y me sirvio pero quiero darle ...
  #1 (permalink)  
Antiguo 11/11/2014, 09:36
 
Fecha de Ingreso: enero-2012
Mensajes: 224
Antigüedad: 12 años, 3 meses
Puntos: 1
php ajax multiples campos

Hola como estan estoy empezando con esto del ajax y tengo muchas dudas!! tome un ejemplo de la web y me sirvio pero quiero darle mas funciones y estoy un poco perdido

Hasta ahora cuando en el input funciona barbaro como autocomplete pero necesito que cuando complete un campo los otros tmb se llenen automaticamente


por ejemplo si pongo el detalle que se ponga el precio tmb

ajax_refresh.php

Código:
<?php
// PDO connect *********
function connect() {
    return new PDO('mysql:host=localhost;dbname=fg_base', 'fg_root', 'peluca1531', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
}

$pdo = connect();
$keyword = '%'.$_POST['keyword'].'%';
$sql = "SELECT * FROM articulos WHERE AR_DETALLE LIKE (:keyword) ORDER BY id ASC LIMIT 0, 10";
$query = $pdo->prepare($sql);
$query->bindParam(':keyword', $keyword, PDO::PARAM_STR);
$query->execute();
$list = $query->fetchAll();
foreach ($list as $rs) {
	// put in bold the written text
	$country_name = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['AR_DETALLE']);
	// add new option
    echo '<li onclick="set_item(\''.str_replace("'", "\'", $rs['AR_DETALLE']).'\')">'.$country_name.'</li>';
}
?>

Código:

<script type="text/javascript">
// autocomplet : this function will be executed every time we change the text
function autocomplet() {
	var min_length = 0; // min caracters to display the autocomplete
	var keyword = $('#country_id').val();
	if (keyword.length >= min_length) {
		$.ajax({
			url: 'ajax_refresh.php',
			type: 'POST',
			data: {keyword:keyword},
			success:function(data){
				$('#country_list_id').show();
				$('#country_list_id').html(data);
			}
		});
	} else {
		$('#country_list_id').hide();
	}
}

// set_item : this function will be executed when we select an item
function set_item(item) {
	// change input value
	$('#country_id').val(item);
	// hide proposition list
	$('#country_list_id').hide();
}
</script>

formulario

Código:
<div class="form-group">
                                                                <label>Detalle</label>
                                                                <input type="text" id="country_id" class="form-control" onkeyup="autocomplet()">
                    <ul id="country_list_id"></ul>
                                                            </div>
  #2 (permalink)  
Antiguo 11/11/2014, 10:19
Avatar de andres_15_  
Fecha de Ingreso: septiembre-2008
Ubicación: Cali
Mensajes: 232
Antigüedad: 15 años, 7 meses
Puntos: 7
Respuesta: php ajax multiples campos

para empezar debes traer el valor de dicho campo que quieres llenar, luego es muy sencillo, en el succes haz algo asi:

Código Javascript:
Ver original
  1. $("#iddondequierescolocar").html(valortraidodebd);

Etiquetas: ajax, campos, formulario, html, multiples, select, sql
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:36.