//绑定下拉
function bindSelectOption(obj) {
$('#' + obj + '_list li').click(function () {
var obj_name = $(this).find('a').text();
var obj_id = $(this).data('id');
$('#' + obj + '_id').val(obj_id);
$('#' + obj + '_name').val(obj_name);
$('#' + obj + '_list').hide();
});
}
//绑定搜索(延时搜索)
function bindSearchOption(obj) {
var last;
$('#' + obj + '_name').keyup(function (event) {
$this = $(this);
if (obj != 'customer') {
$('#' + obj + '_list li').hide().filter(":contains('" + ($(this).val()) + "')").show();
} else {
last = event.timeStamp;
setTimeout(function () {
if (last - event.timeStamp == 0) {
$('#customer_list').hide();
search_customer_name($this.val());
}
}, 1000);
}
});
}
function search_customer_name(customer_name) {
if (customer_name == '') {
return false;
}
var paramas = {
'customer_name': customer_name,
}
$.ajax({
type: "post",
url: "/crm/Customer/searchName",
data: paramas,
dataType: 'json',
success: function (result) {
if (result.errorCode == 1) {
popx(result.errorMsg, 5);
} else {
if (result.data.length > 0) {
let liLine = `<li data-id="0">
<a href="javascript:void(0)">不限</a>
</li>`;
$.each(result.data, function (key, value) {
liLine += `<li data-id='${value.id}'>
<a href="javascript:void(0)">${value.name}</a>
</li>`
});
$('#customer_list').html(liLine).show();
bindSelectOption('customer');
}
}
},
});
}
JS搜索
原文:http://blog.51cto.com/phpme/2067328