选择“自动完成”时填写文本框

Question

我如何填写＆＃34;你好世界＆＃34;进入＆＃34; #fill＆＃34;在我选择＆＃34;中的自动完成选项时，框#autucmplete＆＃34;框。

HTML：

<input id="autocomplete" type="text">
<input id="fill" type="text">

Jquery：

$("#autocomplete").autocomplete({
      source : autocomplete_Source
});

Answer 1

尝试以下

      $("#autocomplete").autocomplete({
        minLength: 3,
        autoFocus: true,
        source: autocomplete_Source,
        select: function (event, ui) {
           $("#fill").val("Hello World")
        },
        close: function (event, ui) {


        },
        open: function (event, ui) {


        }
    });

Answer 2

请参阅此fiddle

以下脚本会使用自动填充中的选定值自动填充ID为fill 的文本字段。

<强>的Javascript

$( "#autocomplete" ).autocomplete({
  source: autocomplete_Source,
  close: function( event, ui ) {
    $('#fill').val($( "#autocomplete" ).val());
  }
});

您可以使用close事件。详情了解docs中的事件。