2011-08-01 4 views
1

カテゴリにjQueryオートコンプリートスクリプトを使用しています。私のアプリケーションでは、フォームを使用する方法が2つあります。autocomplete jQueryスクリプトの定義済みアドレスに候補単語をリンクする方法は?

  1. ユーザーが提案した単語をクリックすると、自動的に彼は定義済みのアドレスに移動します。私はそれがリンクのように動作することを意味します。定義済みのURLは

    www.domain.com/index.php?s=andお勧めの単語です。

  2. ユーザーは提案された単語をクリックせず、自分の言葉で送信ボタンを押します。これは私と大丈夫です。

私の問題は、現在のスクリプトにこのオプションを追加する方法ですか?

ここでコードを表示する代わりに、わかりやすく理解できるようにjsFiddleに入れています。

http://jsfiddle.net/pkFCF/26/

あなたはあなたの助けをありがとう

http://jqueryui.com/demos/autocomplete/#categories

でjQueryのページでも、それを見ることができます。

答えて

0

あなたは(私が正しく理解していれば単語が選択されている場合、リダイレクト)できます

$("#search").catcomplete({ 
    source: data, 
    select: function(event, ui) { 
     window.location.href= "www.domain.com/index.php?s=" + escape(ui.item.label); 
    } 
}); 

ユーザーが値をクリックするか、キーを押して、あなたがcoulkd提出する場合は、異なるものにする必要がある場合:

ここ
$("#search").catcomplete({ 
    source: data, 
    select: function(event, ui) { 
     if(event.originalEvent.keyCode === 13){ 
      //pressed submit 

     }else{ 
      //clicked on it; 
     //window.location.href= "id_" + escape(ui.item.id); 
     } 
    } 
}); 

フィドル:そこhttp://jsfiddle.net/nicolapeluchetti/pkFCF/27/

+0

こんにちは。あなたのソリューションをありがとう。私はあなたの答えを受け入れましたが、更新された質問について教えてください。 – EnexoOnoma

+0

index.phpファイルも投稿してください。私はあなたが新しい質問を開くほうがいいと思う。 –

+0

インデックスは$ sを取得し、それを使ってmySQLから結果を得る単なる結果ページである。問題はsearch.phpである – EnexoOnoma

関連する問題