javascript - この jQuery 関数を動的にする

Question

LoopJ ( http://loopj.com/jquery-tokeninput/demo.html ) autocompelte を使用して、機能的な検索ボックスを作成しようとしています。デモ ページでわかるように、次のコードはオートコンプリートを実行します。

$(document).ready(function() {
    $("#demo-input-pre-populated").tokenInput("tvshows.php", {
         searchDelay: 1000,
         minChars: 3,
         tokenLimit: 1,        
         prePopulate: [
            {id: 9000, name: "Kriss Akabusi"}
         ]
            });
    });

テキストボックスの値を GET リクエストとして に送信するとしますtvshows.php。このコードはテキストボックスの初期値のみを取得するため ( と仮定id=mytextbox)、このコードを編集して、テキストボックスの値が変更されたときに要件を満たすようにしました。

var $elem = $("#demo-input-pre-populated");

$("#mytextbox").on('change', function() {
     var country = $.trim(this.value);
     $elem.tokenInput("tvshows.php?country=" + country, {
         searchDelay: 1000,
         minChars: 3,
         tokenLimit: 1,
     });
});

そしてそれはうまく機能します。だから問題は何ですか？

JavaScript コードでわかるように、prePopulate2 番目の JS コードを削除しました (prePopulate は検索ボックスの既定値です)。テキストボックスの値を変更するまで設定されないためprePopulate、何かを入力して (id= mytextbox)。

では、これらすべてをまとめて処理するにはどうすればよいでしょうか。prePopulateテキストボックスの値を変更する前に、さまざまな方法で作業を試みました。しかし、私はまだ成功していません。