私はフォームを開発していて、jQuery UI Autocompleteを使用しています。ユーザーがオプションを選択すると、その選択が親<p>
タグに追加されたスパンにポップされるようにします。次に、フィールドに選択が入力されるのではなくクリアされるようにします。
スパンは問題なく表示されていますが、フィールドをクリアできません。
jQuery UI Autocompleteのデフォルトの選択アクションをどのようにキャンセルしますか?
これが私のコードです:
var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"];
$("[id^=item-tag-]").autocomplete({
source: availableTags,
select: function(){
var newTag = $(this).val();
$(this).val("");
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
単に行うだけで$(this).val("");
は機能しません。厄介なのは、オートコンプリートを無視してもほぼ正確な機能が正常に動作し、ユーザーが次のようにコンマを入力したときにアクションを実行することです。
$('[id^=item-tag-]').keyup(function(e) {
if(e.keyCode == 188) {
var newTag = $(this).val().slice(0,-1);
$(this).val('');
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
実際の最終結果は、オートコンプリートで複数の選択を処理できるようにすることです。誰か提案があれば歓迎します。