Jquery chosen 类似百度动态搜索 可输入汉字和数字 字母

需求: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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值