autocomplete <select>

[perryjr]

Dos cosas muy rápidas: Usa Highlight para poner código en el foro, recibirás una respuesta mas rápida y los demás te lo agradeceran ;) Y Segundo, cierra las etiquetas <option>:

Código PHP:

echo "<option select value='$value'>$value</option>";
 

Corrígeme si me equivoco porque hace mucho que no uso jQuery Autocomplete, pero me da que no se debe usar sobre un select, esa no es su función. La función de un autocomplete es añadir a un <input type="text"/> más funcionalidad. Ej: La página de búsqueda de google, empiezas a teclear y sale sugerencias para autocompletar.

Es decir, el plugin lo que hace es cargar los datos, y luego el usuario empieza a teclear en el input, y le salen opciones entre las que puede elegir (aunque también puede decidir ignorarlas y teclear lo que quiera)

Para lo que pretendes hacer tienes dos opciones:

a) Hacerlo tu mismo
b) Encontrar otro plugin que te lo haga.

La opción a) así muy por encima:

Código Javascript:

$(function() {
  // Cargando cosas:
  $.getJSON('buscarproyectos.php', function(opciones) {
    var items = [];
    // Para cada cosa añado un nuevo elemento a la matriz «items»
    $.each(opciones, function(key, val) {
      var selected = // COMPROBAR SI ES EL ELEMENTO SELECCIONADO
      var attr = selected ? ' selected="selected"' : '';
      items.push('<option value="' + val + '"' + attr + '>' + val + '</option>');
    });
 
    $('<select/>', {
      html: items.join('') // junto todos los elementos de la matriz (sin dejar espacios entre ellos)
    }).appendTo('body'); // añado el <select>...</select> al documento
  });
});
 

Código PHP:

$matriz = array();
  
  while($row=mysql_fetch_assoc($result)){   
    $value = $row["pm_number"].", ".$row["pm_title"];
    if (strpos(strtolower($value), $q) !== false) {
      $id=$row["pm_id"];
      //echo $id."##".$value."\n";
      //echo "<option select value='$value'>$value";
      $matriz[] = $value;
      
      // Pequeño truco, para diferenciar el elemento seleccionado, añado un elemento
      // adicional más que me lo indique
      $matriz['selected'] = $value;
    }
    else{
      $matriz[] = $value
      //echo "<option value='$value'>$value";
    }
  }
  mysql_close($link);
 
  json_encode($matriz);
}
 

Finalmente solo mencionarte que por falta de tiempo, te dejo como ejercicio añadirle a JavaScript el código necesario para comprobar el elemento selected.

Si tienes algún problema no dudes en volver a preguntar para que te ayudemos.