如何使用自动完成在特定情况下更改文本框的值（jQuery UI的） [英] How to change textbox value on select event with autocomplete (jQuery UI)

问题描述

为什么不＃输入myBox上清楚，当我选择一个项目？这似乎是自动完成preventing我的 .VAL（''）来工作，所以我怎么能解决这个？

  $（＃输入myBox上）。自动完成（{
    来源：响应，
    的minLength：1，
    选择：函数（事件，UI）{
                VAR selectedObj = ui.item;
                $（＃输入myBox上）appendTo（富）。
                $（＃输入myBox上）VAL（''）。
    }
}）;
 

解决方案

事件。preventDefault（）停止自动完成设置字段中。

 选择：函数（事件，UI）{
  。事件preventDefault（）;
  VAR selectedObj = ui.item;
  $（＃输入myBox上）appendTo（富）。
  $（＃输入myBox上）VAL（''）。
}
 

Why won't #input-myBox clear when I select an item? It seems autocomplete is preventing my .val('') to work so how can I workaround this?

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

解决方案

event.preventDefault() stops autocomplete setting the field.

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

这篇关于如何使用自动完成在特定情况下更改文本框的值（jQuery UI的）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！