需求:chosen搜索框可以根据输入的内容,动态的调用接口,动态的加载下拉框,并可以匹配搜索下拉框的中的列表
1. 下拉框先声明chosen属性
注:下拉框必须要有一个option,否则搜索框不可以输入
2.选中搜索框 使用 on 绑定 input方法,调用接口
// 选中 搜索框 $('.chosen-search input').on('input', function () { var flag = false; // 允许输入汉字 2~23位 if (/^[\u4e00-\u9fa5]{2,23}$/.test($(this).val())) { flag = true; } // 允许输入数字和字母组合 ==4 if (/^(?!^[a-zA-Z]+$)[0-9a-zA-Z]{4}$/.test($(this).val())) { flag = true; } if (flag) { // 获取下拉框值 let val = $('.chosen-search input').val(); let html = '<option></option>'; // 当输入内容长度大于2的汉字或者 长度等于4位数字加字母 input不可以再输入 避免重复调用接口 $('.chosen-search