JS/autocompleteでselectの値でsubmitしたいが・・・

Question

inputにautocompleを設定しています。

例えば「t」と入力すると「天気」が推測されるのでクリックすると、
天気が送信される、というのを期待しています。

そこで下記のautocompleteを実装

 $('#input').autocomplete({
        source: {...},
        delay: 300,
	select: function(e, ui) {			
          if (ui.item) {
              $('#input').text(ui.item.value);
			document.form.submit(); 
          }
        }

上記コードでリスト上「天気」をクリックするとinputフォームは「天気」が適用されますが
次ページに送信されるのは実際入力の「t」のみです。

おそらく.textが本当に表面上のテキスト表示しかさせていていないのかと思いますが、
どのように送信データを指定すればいいでしょうか。

Comments

[kei344]

autocompleteはどのライブラリを使っているかを記載ください。

Answer 1

inputがどのオブジェクトを刺しているのかわからないのでなんとも言えませんが
$('#input').text()→$('#input').val()ではないのでしょうか？

ちなみに document.form.submit(); してますが
これは#inputから参照されたformとは限りませんが大丈夫ですか？

Answer 2

あくまで「天」まで入力されれば、「天気」というワードにヒットしますが、「t」で出そうとするのは無理な話です。autocompleteはそういう機能ではありませんから。

Comments

[takeitcolors]

googleのapiをsourceに使っているため、t→天気は実現できています。

実現できている前提で宜しくお願いいたします。

[退会済みユーザー]

その旨を質問に記述してください。書かれてもいないことを前提にはできませんよ。
あとそのAPIのURLも合わせて。