2011-01-04 13 views
1

の更新を停止し、すべての作業OKjqueryのオートコンプリート入力 - 私はjqueryの(とオートコンプリートのプラグイン)を使用して開始

HERESに私のシナリオ 私は、ユーザーがオートコンプリートからリスト値のいずれかを選択し、私はアップデートspan要素を持っており、それは入力要素を同時に更新する。オートコンプリートの入力要素を更新したくない - ユーザーが入力した内容でそれを保持したい。事前に

おかげ

よろしく

PVEE

+1

どのオートコンプリートプラグインを使用しているかによって異なります(いくつかあります)。 jquery-uiに付属のものを使用していますか?または他の何か。ドキュメントやプラグインをダウンロードしたサイトへのリンクを追加してください。 – ehudokai

答えて

4

あなたがjQueryUIオートコンプリートを使用していると仮定すると、(将来的には、あなたが使用しているプラ​​グインにリンクしてください)、あなたはselectにタップすることができますプラグインのデフォルトの動作(入力テキストを置き換える)を取り消し、その他のアクションを実行するには、event.preventDefaultを使用し、その他のアクションを実行してください。

$("input").autocomplete({ 
    select: function(event, ui) { 
     event.preventDefault(); // cancel the default behavior of selecting an option 
     $("#update-me").text(ui.item.label); // update the span with the selected option's label. 
    } 
}); 

例:http://jsfiddle.net/5jWkL/

希望します。

+0

ありがとうございました!! .. jQueryUIオートコンプリート... (私の間違いは、私が使用しているプラ​​グインについて言及していません、私はちょうどjqueryを始め、Webプログラミングを始めました) – pvee

+0

IEでは動作しません – Trapias