Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/307.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在数据列表中填充选项的更好方法_Javascript_Python_Html_Json_Flask - Fatal编程技术网

Javascript 在数据列表中填充选项的更好方法

Javascript 在数据列表中填充选项的更好方法,javascript,python,html,json,flask,Javascript,Python,Html,Json,Flask,我有一个数据列表,在一个Flask应用程序中包含3360个选项。然后我有一个使用这个列表的输入字段。我用它实现的功能是,用户可以开始键入端口名,匹配选项显示在下拉列表中。问题是这相当慢,所以我试图找出是否有一种方法可以使用javascript和json文件来填充数据列表 <datalist id="id_datalist"> <option value="CLARENVILLE, CA"> <option value="HOBRO, DK">

我有一个数据列表,在一个Flask应用程序中包含3360个选项。然后我有一个使用这个列表的输入字段。我用它实现的功能是,用户可以开始键入端口名,匹配选项显示在下拉列表中。问题是这相当慢,所以我试图找出是否有一种方法可以使用javascript和json文件来填充数据列表

<datalist id="id_datalist">
    <option value="CLARENVILLE, CA">
    <option value="HOBRO, DK">
    ...

我相信你需要的是一个以前的javascript自动完成插件。 本文通过示例介绍了一些比较流行的方法,选择您最喜欢的方法并加以实现: