添加复选框自动完成香草javascript

Add checkbox to autocomplete vanilla javascript

本文关键字:香草 javascript 复选框 添加      更新时间:2023-09-26

目前正在开发基于香草javascript的自动补全。我是如何在工作条件下带来自动完成,但我需要在自动完成列表中附加多个选择的复选框,用户必须选择复选框,然后它将在字段中应用,例如,如果用户类型IND在文本字段中的结果将消失,因为复选框印度,如果用户类型ZIM在文本字段中的复选框津巴布韦。多个选择

下面是示例代码
function init(){
    outp = document.getElementById("output");
    window.setInterval("lookAt()", 100);
    setVisible("hidden");
    document.onkeydown = keygetter; //needed for Opera...
    document.onkeyup = keyHandler;
}

其余代码可在fiddle Link

中获得。

请指引我一下

所以你可以使用逗号(,)来分隔不同的条目,然后你可以使用

var items = document.getElementsByName("text")[0].value.split(',')

现在在items中你有一个项目数组,对数组的最后一项使用自动补全函数:

items[items.length-1]

应该可以