自动完成 Jquery，并显示结果

Question

如何使用 json 文件中的自动完成功能创建搜索，并在提交值后在新页面中显示选择值数据的新页面

这里是html文件：

<form action="/dosomething">
<input/>
<button type="submit"></button>
</form>

我的 json 文件：

    [
        {
           "title": "Stackoverflowsite1",
           "link": "www.stackoverflow.com"
        },
        {
           "title": "Stackoverflowsite2",
           "link": "www.stackoverflow2.com"
        },
        {
           "title": "Stackoverflowsite3",
           "link": "www.stackoverflow3.com"
        }
   ]

我如何解析数据以进行自动完成并在这样做之后显示结果？ 请帮忙，谢谢！

Answer 1

表单将提交给您指定的任何操作。因此，只需在您要填写的字段上调用自动完成功能，定义数据，您就应该开始比赛了。

<form action="/dosomething">
    <input id="fillme" />
    <button type="submit"></button>
</form>



var sourceJSON =  [
        {
           "title": "Stackoverflowsite1",
           "link": "www.stackoverflow.com"
        },
        {
           "title": "Stackoverflowsite2",
           "link": "www.stackoverflow2.com"
        },
        {
           "title": "Stackoverflowsite3",
           "link": "www.stackoverflow3.com"
        }
   ]

$( "#fillme" ).autocomplete({
      minLength: 0,
      source: sourceJSON,
      focus: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );
        return false;
      },
      select: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );

        return false;
      }
    }).autocomplete( "instance" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .append( "<a>" + item.title+ "</a>" )
    .appendTo( ul );
};