添加复选框自动完成香草javascript
Add checkbox to autocomplete vanilla javascript
目前正在开发基于香草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]
应该可以
相关文章:
- 使用香草JavaScript的脉冲效果
- 香草Javascript-不同时间的动画
- 香草Javascript滑块问题
- Pikaday-多输入香草JavaScript
- 香草JavaScript.最接近没有jQuery
- 在 AMP(ACCELERATED MOBILE PAGES) wesbite 中使用自定义香草 JavaScript
- 如何使用纯香草javascript和php上传文件
- 我如何在香草javascript中:选择器,事件和$(this)的需要
- 用香草JavaScript在ul后面加一个li
- 在我理解香草Javascript之前,使用容易编写的jQuery有缺点吗
- 触发合成ExtJS事件从jQuery或香草javascript事件
- 等效于jQuery not()的香草Javascript
- 使用香草Javascript使用鼠标事件左右移动/滑动图像
- 香草Javascript/DOM练习帮助(添加红脚段)
- 倒计时使用香草JavaScript
- 使用香草JavaScript搜索对象数组
- 香草JavaScript For循环推入数组的名称
- 设置宽度附加的儿童图像-香草javascript
- 改变不透明度使用css过渡和香草JavaScript只工作时淡出
- 香草javascript陷阱焦点在模式(可访问性选项卡)