[jquery] autocomplete dla pola Opcje

[waldemi]

Witam
Z JQUERY mam już do czynienia od jakiegoś czasu ale teraz po raz pierwszy muszę zrobić autocomplete dla jednego pola. Szukałem w różnych tutorialach i na różnych forach, znalazłem kilka przykładów ale nie umiem ich przystosować do swoich wymagań.
Na stronie używam JQUERY oraz JQUERY UI. Potrzebuję zrobić podpowiedź do pola w których znajdują się nazwy gmin. Chciałbym aby w tym polu formularza wyświetlała się nazwa gminy i po przecinku nazwa powiatu. Gminy oraz powiaty znajdują się w bazie w osobnych tabelach - z tabeli "gminy" muszę pobrać ID oraz nazwę gminy, a z tabeli "powiaty" nazwę powiatu w którym ta gmina się znajduje. Po wybraniu inetresującej mnie gminy jej nazwa i powiat wyświetlają się w polu a do jakiegoś pola ukrytego musi być dodawany jej ID. To ID jest potrzebne do dalszego działania strony ponieważ po wysłaniu formularza na jego podstawie w kolejnej tabeli musi być dodane właśnie to ID.
W formularzu mam takie pola

[HTML] pobierz, plaintext 
<input id="gmina_nazwa" type="text" value="" name="gmina_nazwa" size="40"/>
<input id="gmina_id" type="hidden" value="" name="gmina_id"/>
[HTML] pobierz, plaintext 

Skrypt PHP wyszukuący gminy i powiaty z bazy

[PHP] pobierz, plaintext 
$nazwa = $_GET['nazwa'];
$gminy = array();
$wynik = mysql_query ("SELECT gminy.gm_id, gminy.gm_nazwa, powiaty.pow_nazwa FROM gminy, powiaty WHERE gminy.gm_nazwa LIKE %$_GET['nazwa'] gminy.gm_powiat_id=powiaty.pow_id ORDER BY gminy.gm_nazwa;");
while ($r = mysql_fetch_array ($wynik)){
	$gminy[] = array ($r[0], $r[1], $r[2]);
}
echo json_encode($gminy);
[PHP] pobierz, plaintext 

Skrypt JQUERY

[PHP] pobierz, plaintext 
$(function(){
          $('#gmina_nazwa').autocomplete({
              source: function(request, response){
                    $.ajax({
                        url: 'includes/gminy.php',
                        dataType: 'json',
                        type: 'GET',
                        data: {
                              nazwa: $('#gmina_nazwa').val()
                        },
                        success: function (data){
                              response( $.map( data, function(item){
                                  return{
                                        label: item.nazwa,
                                        value: item.id
                                  }
                              }));
                        }
                    });
              },
              select: function( event, ui ) {
          $( "#gmina_nazwa" ).val( ui.item.label );
          $( "#gmina_id" ).val( ui.item.value );
          return false;
            }
          });
    });
[PHP] pobierz, plaintext 

Niestety nie mogę sobie poradzić z przystosowaniem tego do swoich potrzeb. Każda pomoc mile widziana. Nie chodzi mi o gotowca rozwiązanie ale o nakierowanie na właściwe rozwiązanie.

Ten post edytował waldemi 22.03.2013, 23:30:41

[hubson87]

Tu masz jakiś mój stary przykład na pobieranie miasta przy pomocy autocomplete może Ci coś pomoże.

JS

[JAVASCRIPT] pobierz, plaintext 
 
 $("#miasto").autocomplete("ajax/miasto.php", {
     width: 135,
     matchContains: true, 
     selectFirst: true
	    });
[JAVASCRIPT] pobierz, plaintext 

i plik ajaxowy

[PHP] pobierz, plaintext 
 <?php
 
 
 
$polacz=mysql_connect(".......");
mysql_select_db(".......");
mysql_query('SET NAMES utf8;');
 
	$q = ($_GET["q"]);
	if (!$q) return;
 
	$sql = "select nazwa as m from miasto where nazwa LIKE '$q%'";
	$rsd = mysql_query($sql);
	while($rs = mysql_fetch_array($rsd)) {
	    $cname = $rs['m'];
	    echo "$cname\n";
	}
 
 
?>
[PHP] pobierz, plaintext