Sugestia (podpowiadacz) + input zależny od wyboru., Jak połączyć sugestie z dodatkowym inputem? Opcje

[casperii]

Witam, mam następujący problem związany z połączeniem sugestii z dodatkowym inputem.
Skrypt sugestii pochodzi ze strony link

[HTML] pobierz, plaintext 
<script>
function suggest(inputString){
    if(inputString.length == 0) {
        $('#suggestions').fadeOut();
    } else {
    $('#country').addClass('load');
        $.post("autosuggest.php", {queryString: ""+inputString+""}, function(data){
            if(data.length >0) {
                $('#suggestions').fadeIn();
                $('#suggestionsList').html(data);
                $('#country').removeClass('load');
            }
        });
    }
}
 
function fill(thisValue) {
    $('#country').val(thisValue);
    setTimeout("$('#suggestions').fadeOut();", 600);
}
</script>
[HTML] pobierz, plaintext 

Jak do tej pory tu wszystko działa ok.

Następnie posiadam drugi skrypt, który także działa link (już swojego autorstwa) i nie wiem jak to powiązać z tym pierwszym.

[HTML] pobierz, plaintext 
<script type="text/javascript">
        $(document).ready(function() {
 
 $('#test').on('keyup', function (){
var input = $('input.test').val();
                $.getJSON('ajaxPostCode.php', {input:input}, function(data) {
                    $('input.inputField').val(data.inputValue);
 alert("x" + input);
                });
            });
 
        });
    </script>
 
	<input class="test" id="test" type="text"><br>
    <input class="inputField" type="text" />
[HTML] pobierz, plaintext 

Na chwilę obecną po połączeniu tych dwóch skryptu to trochę to kuleje, wpisuje w input który wyświetla wyniki (podpowiada) np nazwę miasta "Konin" i jeśli do samego końca wpiszę tą nazwę to w polu kod pocztowy mi się pojawi odpowiedni kod do tego miasta, lecz jeśli wybiorę z listy tą miejscowość to już nie pojawi mi się w polu kod pocztowy.

Za wynik wyświetlania podpowiedzi odpowiedzialny jest ten fragment kodu z pierwszego skryptu:

[PHP] pobierz, plaintext 
echo '<li onClick="fill(\''.addslashes($result->miasto).'\');">'.$result->miasto.'</li>';
[PHP] pobierz, plaintext 

Liczę na wasze wskazówki.

[pitu]

Pod pole z miastem podpięty masz event "keyup", przy wyborze sugestii nie jest on odpalany dlatego nie wykonuje się część wysyłająca request do ajaxPostCode.php.

[casperii]

Przerobiłem trochę kod:

[HTML] pobierz, plaintext 
<script>
function suggest(inputString){
		if(inputString.length == 0) {
			$('#suggestions').fadeOut();
		} else {
		$('#city').addClass('load');
			$.post("ajaxCitySearch.php", {queryString: ""+inputString+""}, function(data){
				if(data.length >0) {
					$('#suggestions').fadeIn();
					$('#suggestionsList').html(data);
					$('#city').removeClass('load');
				}
			});
		}
	}
 
function fill(thisValue) {
		$('#city').val(thisValue);
		setTimeout("$('#suggestions').fadeOut();", 600);
		 $.getJSON('ajaxPostCode.php', {input:thisValue}, function(data) {
                    $('input.inputField').val(data.inputValue);
          });
 }
</script>
 
<div id="suggest" style="margin-left:150px;">
	Miasto: <input type="text" name="city" id="city" value="" onkeyup="suggest(this.value);" onblur="fill();" autocomplete="off">
		<div class="suggestionsBox" id="suggestions">
			<div class="suggestionList" id="suggestionsList"></div>
		</div>
</div>		
<br><br>	
Kod-pocztowy: <input class="inputField"  type="text" />
[HTML] pobierz, plaintext 

Teraz wygląda tak ,że jak wybiorę z listy z podpowiedzi miasto, wstawia mi kod w input - czyli jest ok. Ale musi jeszcze być tak, że jak ktoś wpiszę miasto a nie wybierze z listy - bo i przed takimi się trzeba zabezpieczyć. Co prawda na obecną chwilę wygląda tak , że user nie ma możliwości na upartego wpisywania w input miasta bo nazwa mu zniknie. Zresztą link tutaj

Aha no i konsola wywala błąd:
Uncaught TypeError: Cannot read property 'inputValue' of null

Ten post edytował casperii 10.01.2015, 21:30:33