失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html点击按钮使datalist显示 点击HTML5 Datalist选项时的jQuery事件

html点击按钮使datalist显示 点击HTML5 Datalist选项时的jQuery事件

时间:2020-11-17 10:51:53

相关推荐

html点击按钮使datalist显示 点击HTML5 Datalist选项时的jQuery事件

我现在有什么

所以我有这个HTML5 Datalist有一堆选项,我有2个事件触发.当用户输出与填充诸如“Rick Bross”或“Jack Johnson”(keyup)这样的选项的名称的数组匹配的东西时.当用户开始输入名称时触发的另一个事件,它弹出,用户向下箭头,并点击“输入”(更改).

问题:

当用户单击其中一个下拉选项时,需要一个事件触发,之后他将输出全名,并在对象模糊之前.如果用户在完全输入名称之前单击了一个,则只有在输入模糊时,2个事件才会触发该功能.

标记:

Javascript事件和功能:

window.checkModelData = function(ele)

{

var name = $(ele).val().replace(" ", "");

var mod = potentialModels[name];

if(mod) {

loadModelData(name);

}

}

function loadModelData(name) {

var mod = potentialModels[name];

$("#address").val(potentialModels[name].address);

$("#city").val(potentialModels[name].city);

$("#state").val(potentialModels[name].state);

$("#email").val(potentialModels[name].email);

$("#phone").val(potentialModels[name].phone);

$("#zip").val(potentialModels[name].zip);

}

$("#name").keyup(function(){

window.checkModelData(this);

});

$("#name").change(function(){

window.checkModelData(this);

});

如果觉得《html点击按钮使datalist显示 点击HTML5 Datalist选项时的jQuery事件》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。