web-dev-qa-db-ja.com

オートコンプリートを使用して選択イベントのテキストボックス値を変更する方法（jQuery UI）

アイテムを選択したときに_#input-myBox_がクリアされないのはなぜですか？オートコンプリートが.val('')の動作を妨げているようですが、どうすればこれを回避できますか？

_$("#input-myBox").autocomplete({
    source: response,
    minLength: 1,
    select: function(event, ui) {
                var selectedObj = ui.item;
                $("#input-myBox").appendTo(".foo");
                $("#input-myBox").val('');  
    }
});
_
jqueryjquery-uiautocomplete
17
el_pup_le

event.preventDefault()は、フィールドのオートコンプリート設定を停止します。

select: function (event, ui) {
  event.preventDefault();
  var selectedObj = ui.item;
  $("#input-myBox").appendTo(".foo");
  $("#input-myBox").val('');  
}
45
el_pup_le

また、「returnfalse;」を使用することもできます。フィールドのオートコンプリート設定を停止します。

select: function (event, ui) { 
    var selectedObj = ui.item;        
    $("#input-myBox").appendTo(".foo");
    $("#input-myBox").val('');  
    return false;
}
9
kd12

選択した値を他のものに置き換えるだけの場合：

select: function( event, ui ) {
  ui.item.value = substituteWord(ui.item.value);
}
4
HerrimanCoder

それは...ですか #input-mybox（小文字のb）または#input-myBox（大文字b）？

これはあなたの問題かもしれません:)

編集：ロブは私をそれに打ち負かした

1
psynnott

コードに矛盾があります：

$("#input-mybox").appendTo(".foo");
$("#input-myBox").val('');

"＃input-myBox" || 「＃input-mybox」???

0
gdoron is supporting Monica