Layui realiza la función de búsqueda en el cuadro de selección (búsqueda desplegable)

1. Puede utilizar el método introducido por el funcionario, que es adecuado para la búsqueda desplegable en el formulario. La capa exterior debe utilizar el estilo layui-form y agregar lay-search="" en la etiqueta de selección. Este método no se puede realizar sin agregar layui-form en la capa exterior La función de búsqueda es la siguiente:
2. La siguiente es otra forma de selección desplegable y el diagrama de efectos es el siguiente:

El código html se ve así:

<div class="layui-inline">
    <input id="inpProductNumber" name="inpProductNumber" placeholder="请选择.." type="text" lay-verify="required"
      autocomplete="off" class="layui-input text-item" value="" />
    <dl class="layui-anim layui-anim-upbit layui-hide">
      <dd lay-value="" class="layui-select-tips">请选择..</dd>
      <dd lay-value="GH100">GH100</dd>
      <dd lay-value="GH200">GH200</dd>
      <dd lay-value="GH300">GH300</dd>
    </dl>
  </div>

El código js se ve así:

$('.text-item').each(function () {
    
    
      var _this = $(this);
      var pdiv = _this.parent();

      var inpTitle = $('<div class=\"layui-select-title\"></div>');
      inpTitle.append(_this);
      inpTitle.append('<i class=\"layui-edge\"></i>');

      var inpDl = pdiv.find("dl");
      var inpText = $('<div class=\"layui-form-select  \"></div>')
      inpText.append(inpTitle);
      inpText.append(inpDl);
      inpDl.removeClass("layui-hide");

      inpDl.find("dd").click(function () {
    
    
        var ddthis = $(this);
        inpDl.find("dd").removeClass("layui-this");
        ddthis.addClass("layui-this");
        let val = ddthis.attr("lay-value");
        _this.val(val);
      });

      inpTitle.click(function () {
    
    
        $(".layui-form-selected").removeClass("layui-form-selected layui-form-selectup");
        inpText.addClass("layui-form-selected");
      });

      pdiv.html(inpText);

      _this.keyup(function () {
    
    
        inpDl.find("dd").removeClass("layui-this");
        inpDl.find("dd").each(function () {
    
    
          var dthis = $(this);
          let inpVal = _this.val().toUpperCase();
          let val = dthis.attr("lay-value").toUpperCase();
          if (val.indexOf(inpVal) != -1) {
    
    
            dthis.show();
          } else {
    
    
            dthis.hide();
          }
        });
      });

    });