Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: astaklat en 13 Mayo 2015, 15:35 pm



Título: Ayuda: Autocomplete que inserte tres valores AJAX, JAVA y PHP.
Publicado por: astaklat en 13 Mayo 2015, 15:35 pm
Hola muchachos recurro a ustedes con urgencia por que tengo que entregar el proyecto hoy en dos horas con mi jefe, realmente nunca he ocupado Jquery y aunque lo intento comprender para lo que me pidieron esta dificil ya que este desarrollo yo no lo realize.

Tengo un autocomplete que actualmente me busca en la DB cuado hago click me selecciona un valor y lo inserta a un Input Text, el problema que reside que si yo capturo mas Input me llena el mismo valor de cuando doy click al autocomplete, lo que necesito que me tome Tres valores como Código Cliente, Código UPC, y Descripciòn, e inserte cada dato en los Input Correspondientes.
El autocomplete busca el valor por descripciòn.

Le das click y necesito que llene la descripcion, codigocliente y codigo UPC.

Alguien me puede ayudar con los valores ya no entiendo mucho de Jquery.

Gracias y adjunto datos de mis scripts debajo de.

Archivo Ajax Refresh.php

Código
  1. <?php
  2. // PDO connect *********
  3. function connect() {
  4.    return new PDO('mysql:host=localhost;dbname=vidimport', 'admin', 'Ma14b7p8', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND));
  5. }
  6.  
  7. $pdo = connect();
  8. $keyword = '%'.$_POST['keyword'].'%';
  9. $sql = "SELECT * FROM ccdp WHERE Codigocliente LIKE (:keyword) OR Descripcion LIKE (:keyword) ORDER BY CCDP_ID ASC LIMIT 0, 10";
  10. $query = $pdo->prepare($sql);
  11. $query->bindParam(':keyword', $keyword, PDO::PARAM_STR);
  12. $query->execute();
  13. $list = $query->fetchAll();
  14. foreach ($list as $rs) {
  15. // put in bold the written text
  16. $result = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['Descripcion']);
  17. // add new option
  18.    echo '<li onclick="set_item(\''.str_replace("'", "\'", $rs['Descripcion']).'\')">'.$result.'</li>';
  19. }
  20. ?>

Arhcivo AJAX SCRIPT.JS

Código
  1. // autocomplet : this function will be executed every time we change the text
  2. function autocomplet() {
  3. var min_length = 0; // min caracters to display the autocomplete
  4. var keyword = $('#producto').val();
  5. if (keyword.length >= min_length) {
  6. $.ajax({
  7. url: 'P2/ajax_refresh.php',
  8. type: 'POST',
  9. data: {keyword:keyword},
  10. success:function(data){
  11. $('#producto_list_id').show();
  12. $('#producto_list_id').html(data);
  13. }
  14. });
  15. } else {
  16. $('#producto_list_id').hide();
  17. }
  18. }
  19.  
  20. // set_item : this function will be executed when we select an item
  21. function set_item(item) {
  22. // change input value
  23. $('#Producto').val(item);
  24. $('#Productof').val(item);
  25. // hide proposition list
  26. $('#producto_list_id').hide();
  27. }