Javascript 使用JSON自动完成

Javascript 使用JSON自动完成,javascript,jquery,json,autocomplete,Javascript,Jquery,Json,Autocomplete,我有JSON数据,我想我的JSON是可以工作的,但是有一点我不明白它是如何工作的?当我写《城市》或《国家》时,什么都没有发生,我将如何使它发挥作用 我有数据列表属性,当我点击我的输入时,我的数据列表自动打开,到目前为止还可以。但是如果我写了一些东西,我的内联数据列表属性musn不再工作了,只有我的Json必须工作,我该怎么做 我正在使用,如果你想看到我的项目 var myJSON='{“城市”:[“哥本哈根”、“伦敦”、“汉堡”],“国家”:[“丹麦”、“挪威”、“瑞典”]}; var myO

我有JSON数据,我想我的JSON是可以工作的,但是有一点我不明白它是如何工作的?当我写《城市》或《国家》时,什么都没有发生,我将如何使它发挥作用

我有
数据列表
属性,当我点击我的输入时,我的数据列表自动打开,到目前为止还可以。但是如果我写了一些东西,我的内联数据列表属性musn不再工作了,只有我的Json必须工作,我该怎么做

我正在使用,如果你想看到我的项目

var myJSON='{“城市”:[“哥本哈根”、“伦敦”、“汉堡”],“国家”:[“丹麦”、“挪威”、“瑞典”]};
var myObj=JSON.parse(myJSON);
document.getElementById(“demo”).innerHTML=“Cities:+myObj.Cities;
document.getElementById(“demo1”).innerHTML=“国家:”+myObj.countries;
函数showlist(){
}
var comboplete=new Awesomplete('input.dropdown input'{
明查斯:0,
});
Awesomplete.$('#test')。添加EventListener(“单击”,函数(){
if(comboplete.ul.childNodes.length==0){
comboplete.minChars=0;
comboplete.evaluate();
}else if(comboplete.ul.hasAttribute('hidden')){
comboplete.open();
}否则{
comboplete.close();
}
});



自动列表
您必须访问输入的属性“数据列表”,并将json设置为数据源

试试这个:

    var testInput = document.getElementById("test");
    testInput.setAttribute("data-list", myObj.countries)

更多关于期望结果的解释请实际喜欢,如果单击“输入”,您将显示默认数据,但在写入一些内容后,您将看到另一个数据。我想这样做,这就是为什么我需要多个数据列表。是的,但现在我的属性数据列表不起作用。请检查您的代码笔好吗?似乎是旧版本。我看不到任何更新。好的,我再次分叉,你在这里:或者有可能做到这一点..当我集中输入时,我的国家/地区列表必须打开,但如果我键入,则我的城市必须打开