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>