单击HTML5数据列表选项时的jQuery事件
单击HTML5数据列表选项时的jQuery事件
提问于 2013-04-16 10:25:35
我现在所拥有的：
所以我有这个HTML5数据列表，里面有一堆选项，我有两个触发的事件。当用户键入与填充选项的名称数组匹配的内容时，例如"Rick Bross“或"Jack Johnson”(keyup)。当用户开始输入名称时触发的另一个事件，它弹出，用户向下箭头，并点击"enter“(更改)。
The problem:
我需要一个事件，当用户单击下拉选项之一时，在他键入全名之前，在对象模糊之前触发。如果用户在输入完整的名字之前单击了一个，那么这两个事件只会在输入模糊时触发函数。
标记：
<datalist id="potentials">
<option value="Rick Bross">
<option value="Jack Johnson">
<option value="Rick Bross">
<option value="Rick Bross">
</datalist>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);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16027746
复制相关文章
相似问题
腾讯云开发者
