Javascript 来自eventlistener的Datalist意外返回
我试图从datalist选择中获取一个返回,将其打印到body div,并使用它调用其他函数,但不幸的是,由于某种原因,我得到了一个undefined printed的返回,并且我无法控制选择也仅来自datalist提供的选项 任何解决这两个问题的建议都将不胜感激Javascript 来自eventlistener的Datalist意外返回,javascript,dom,dom-events,addeventlistener,html-datalist,Javascript,Dom,Dom Events,Addeventlistener,Html Datalist,我试图从datalist选择中获取一个返回,将其打印到body div,并使用它调用其他函数,但不幸的是,由于某种原因,我得到了一个undefined printed的返回,并且我无法控制选择也仅来自datalist提供的选项 任何解决这两个问题的建议都将不胜感激 //Html snippet <input id="dirSearch" list="dirList" type="text"/> <datalist
//Html snippet
<input id="dirSearch" list="dirList" type="text"/>
<datalist id="dirList"></datalist>
// Array
const db = [
1,
2
];
//Functions
function autocomplete () {
let options = '';
for(let i = 0; i < db.length; i++)
options += '<option value="'+db[i]+'">'+db[i]+'</option>';
document.getElementById('dirList').innerHTML = options;
}
autocomplete();
function searchSelection () {
let dirSearch = document.getElementById('dirSearch');
let dirList = document.getElementById('dirList');
dirSearch.addEventListener ('input', function () {
document.getElementById('body').innerHTML = "<h1>" +dirList.option+ "</h1>";
}, false);
}
searchSelection();
getElementByIddirSearch.value而不是dirList.option 此外,它是dirList.options->,返回数据列表中可用的选项