Событие jQuery при выборе опции HTML5 Datalist
Что у меня сейчас:
Итак, у меня есть этот HTML5 Datalist с кучей опций, и у меня есть 2 события запуска. Один, когда пользователь вводит что-то, что совпадает с чем-то, массив имен, который заполняет параметры, такие как «Рик Бросс» или «Джек Джонсон» (keyup). Другое событие, которое запускается, когда пользователь начинает вводить имя, всплывает, пользователь нажимает стрелки вниз и нажимает «ввод» (изменение).
Проблема:
Мне нужно событие, чтобы оно срабатывало, когда пользователь щелкает одну из опций выпадающего меню, ДО того, как он напечатает полное имя, и до того, как объект станет размытым. Если пользователь щелкает один прямо сейчас, прежде чем имя будет полностью напечатано, 2 события запускают функцию только после размытия ввода.
Разметка:
<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);
});