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>