Forum PHP.pl

Witam
Korzystam z jQuery plugin: Autocomplete http://bassistance.de/jquery-plugins/jquer...n-autocomplete/

Wpisując w pole miasto ładnie mi uzupełnia miasta ale chciałbym połączyć konkretne miasta z województwami lecz nie mam pojęcia o javie i jQuery więc zwracam się do Was

[HTML] pobierz, plaintext 
<form action="....." method="post" id="formularz">
Województwo:<select name="wojewodztwo" title="Wybierz województwo" id="wojewodztwo">
 <option></option>
 <option>dolnośląskie</option>
 <option>kujawsko-pomorskie</option>
 <option>lubelskie</option>
 <option>lubuskie</option>
 <option>łódzkie</option>
 <option>małopolskie</option>
 <option>mazowieckie</option>
 <option>opolskie</option>
 <option>podkarpackie</option>
 <option>podlaskie</option>
 <option>pomorskie</option>
 <option>śląskie</option>
 <option>świętokrzyskie</option>
 <option>warmińsko-mazurskie</option>
 <option>wielkopolskie</option>
 <option>zachodniopomorskie</option>
</select>
Miasto: <input type="text" name="miasto" id="miasto" />
</form>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("#miasto").autocomplete(mias);
});
var mias = "Kraków Warszawa Wrocław Poznań itd".split(" ");
[JAVASCRIPT] pobierz, plaintext 

Z góry dzięki za odpowiedzi

Dokumentację czytałeś?

Zobacz w tej kolejności:

[JAVASCRIPT] pobierz, plaintext 
var mias = "Kraków Warszawa Wrocław Poznań itd".split(" ");
$(document).ready(function(){
    $("#miasto").autocomplete(mias);
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował vokiel 11.10.2009, 12:39:41

W dokumentacji znalezłem tylko takie coś:

[JAVASCRIPT] pobierz, plaintext 
$("#states").autocomplete(url, {
   extraParams: {
       country: function() { return $("#country").val(); }
   }
}); 
[JAVASCRIPT] pobierz, plaintext 

Próbowałem na kilka sposobów ale bez skutków ;(

$("#country").val(); - przeciez twoj select ma ID "wojewodztwo" a nie "country"

Wiem, to tylko skopiowałem z manuala aby pokazać co znalazłem:

[JAVASCRIPT] pobierz, plaintext 
$("#miasto").autocomplete(url, {
extraParams: {
wojewodztwo: function() { return $("#wojewodztwo").val(); }
}
});
[JAVASCRIPT] pobierz, plaintext 

Tak by wyglądało moje? ale jak to połączyć z wcześniejszym?

A tak?

[JAVASCRIPT] pobierz, plaintext 
var mias = ['Kraków', 'Warszawa', 'Wrocław', 'Poznań'];
$(document).ready(function(){
    $("#miasto").autocomplete(mias);
});
[JAVASCRIPT] pobierz, plaintext 

To podpowiada tak jak i wcześniejsze, ale ja chce połączyć aby gdy wybiorę z listy rozwijanej województwo np małopolskie to aby były podpowiadane tylko miasta z małopolski a gdy wybiorę podkarpackie to tylko z podkarpackiego itd

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("#miasto").autocomplete(mias, {
        extraParams: {
           wojewodztwo: function() { return $("#miasto").val(); }
        }
    });
});
[JAVASCRIPT] pobierz, plaintext 

Zrobiłem coś takiego ale nie wiem co dalej ;/

Niestety wyświetla tylko pierwszą tablicę bez względu na województwa
Próbowałem też tak ale nic nie pomogło:

[JAVASCRIPT] pobierz, plaintext 
var mias = new Array();
mias[0] = Array('Kraków', 'Warszawa', 'Wrocław', 'Poznań');
mias[1] = Array('Gdańsk', 'Gdynia', 'Sopot');
[JAVASCRIPT] pobierz, plaintext 

Już prawie jest OK. Mam takie coś:

[HTML] pobierz, plaintext 
Województwo:<select name="wojewodztwo" title="Wybierz województwo" id="wojewodztwo" onchange="$('#miasto').autocomplete(mias[$('#wojewodztwo').val()]);" >
                        <option value="0"></option>
                        <option value="1">dolnośląskie</option>
                        <option value="2">kujawsko-pomorskie</option>
                        <option value="3">lubelskie</option>
                        <option value="4">lubuskie</option>
                        <option value="5">łódzkie</option>
                        <option value="6">małopolskie</option>
                        <option value="7">mazowieckie</option>
                        <option value="8">opolskie</option>
                        <option value="9">podkarpackie</option>
                        <option value="10">podlaskie</option>
                        <option value="11">pomorskie</option>
                        <option value="12">śląskie</option>
                        <option value="13">świętokrzyskie</option>
                        <option value="14">warmińsko-mazurskie</option>
                        <option value="15">wielkopolskie</option>
                        <option value="16">zachodniopomorskie</option>
                    </select> 
Miasto:</span> <input type="text" name="miasto" id="miasto" />
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
var mias = new Array(
[''],
['Kraków', 'Kraków2'],
['Gdańsk', 'Gdańsk2'],
['Poznań', 'Poznań2'],
['Rzeszów', 'Rzeszów2'],
['Sopot', 'Sopot2'],
['Bobrowa', 'Bobrowa2'],
['Debica', 'Debica2'],
['Wrocław', 'Wrocław2'],
['Tarnów', 'Tarnów2'],
['Londyn', 'Londyn2'],
['Berlin', 'Berlin2'],
['Madryt', 'Madryt2'],
['Praga', 'Praga2'],
['Moskwa', 'Moskwa2'],
['Mielec', 'Mielec2'],
['Ełk', 'Ełk2']
 );
 
$(document).ready(function(){
$("#miasto").autocomplete(mias[$("#wojewodztwo").val()]);
});
[JAVASCRIPT] pobierz, plaintext 

Gdy wybiorę np dolnośląskie to przypisuje mi do niego tylko: 'Kraków', 'Kraków2', ale gdy wybiorę kolejne bez przeładowania strony to do 'Kraków', 'Kraków2', dodaje kolejną tablicę a nie podmienia na np 'Londyn', 'Londyn2', i wtedy w podpowiedziach mam taką tablice: 'Kraków', 'Kraków2', 'Londyn', 'Londyn2'.
Gdy po kolei przejadę wszystkie województwa to będę miał wszystkie miasta w podpowiedziach wszystko do momentu przeładowania strony.
Czy da się zrobić aby podmieniało tablicę a nie dopisywało kolejne miasta?

Działa tak jak planowałem. Nie chcę używać skryptu ponieważ w takim przypadku podpowiedzi wyświetlają się po ok 1s a nie natychmiastowo.
Dzięki za wszelkie podpowiedzi które naprawdę mi pomogły. Myślę że komuś się jeszcze przyda taki bajer na stronkę.

A możecie powiedzieć jak przekazać wynik z pola formularz do zmiennej w php lub przesłać POST-em?

Ajax - wysłanie zapytania do skryptu php
$.post
Pobranie wartości z pola formularza od zadanym id

[JAVASCRIPT] pobierz, plaintext 
$('#id_pola').val();
[JAVASCRIPT] pobierz, plaintext