オートコンプリートは、現在のjqueryの値

Question

それは検索結果を絞り込むための検索機能に第二項を通過するように私はjQueryのオートコンプリートを変更していますを使用していません。私が午前問題は、私は

$(function() { 

    //var city = //$('#city').val(); 
    var source = 'search.php?city='; 
    //autocomplete 
    $(".auto").autocomplete({ 
    source: source+$('#city').val(), 
    minLength: 1 
    });    

}); 

は私が知っているURLに都市名を連結するさまざまな方法を試してみました

$(function() { 

    var city = $('#city').val(); //get the city value from text field 
    var source = 'search.php?city='; //URL where the search takes place 
    //autocomplete 
    $(".auto").autocomplete({ 
    source: source+city ,  //concatenation not working. 
    minLength: 1 
    });    

}); 

URLを上の都市を連結することができることである

var city = 'Austin' 

作品です。私は、ハードのテキストフィールドから変数を取得する機能のために働く必要がありますし、同じでそれをコーディングすることができるかどうので

$('#city').val() 

が不明です。右？

テキストフィールドは、この

<form action='' method='post'> 
    <p><label>Pharmacy Names : </label><input type='text' name='names' value='' class='auto'></p> 
    <p><label>City : </label><input type='text' name='city' id='city' value='' placeholder='Enter City First'></p> 
</form> 

のようなものであっても、私はこのポストGet the value in an input text box

を考えています何と一致Add form value to end of url - Jqueryこの記事は、私はテキストボックスの値を取得するには、正しいjqueryの呼び出しを使用していていることを示しています。それは働くべきであるように思われるが、そうではない。

Answer 1

これは、SQLクエリに2つの変数を渡すために2つのテキストボックスを使用できるように私のために働いたものです。

$(function() { 
//Pharmacy autocomplete 
$("#pharm").click(function() { 
var city = $("#city").val(); 

var str = "../../library/ajax/pharmacy_autocomplete/search.php?city="+city; 
    //autocomplete 
    $(".pharmacy").autocomplete({ 
     source: str, 
     minLength: 1 
    }); 
    }); 
}); 

#pharmテキストボックスは、都市のテキストボックスを入力した後でクリックが発生する場所です。私はこの機能の中にオートコンプリートを持っていたので、オートコンプリートに都市価値を渡す必要はなかった。これでcity値をURLに連結し、search.phpに2番目の値を渡すことができました。

Answer 2

スクリプトの動作は本当に正しいです。これは、スクリプトが初期化されたときにcity入力が空であるために発生します。

あなたはあなたcity入力にイベントハンドラを添付して、いつでもその上のユーザタイプ何か、変更あなたのオートコンプリートのsource必要があります：私はあなたのコードに問題があることだと思う

$(function() { 

    // initialize the autocomplete 
    var source = 'search.php?city='; 

    $(".auto").autocomplete({ 
     source: source, 
     minLength: 1 
    });    

    // event handler for yout input 
    $('#city').on('input', function (e) { 
     var city = this.value; 

     // set the new source to your autocomplete 
     // based on jQuery UI Autocomplete 
     // http://api.jqueryui.com/autocomplete/#method-option 
     $('.auto').autocomplete("option", "source", source+city); 
    }); 

});