下拉复选框输入字符后,敲回车自动选上模糊查询到的第一个值(全选/不选除外)

image.png

FineReport 用户nApFZ0351796 发布于 2023-8-15 22:23
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
Gun鹏Lv4见习互助
发布于2023-8-16 09:18

// 获取下拉复选框的输入框和下拉选项列表元素

var inputElement = document.getElementById("dropdown-input");

var optionsList = document.getElementById("dropdown-options");

// 监听输入框的键盘事件

inputElement.addEventListener("keydown", function(event) {

  // 判断是否按下回车键

  if (event.keyCode === 13) {

    // 获取输入框的输入值

    var inputText = inputElement.value.toLowerCase();

    

    // 遍历下拉选项列表

    for (var i = 0; i < optionsList.children.length; i++) {

      var option = optionsList.children[i];

      var optionText = option.textContent.toLowerCase();

      

      // 进行模糊匹配判断

      if (optionText.indexOf(inputText) !== -1) {

        // 将第一个匹配的选项选中

        option.selected = true;

        break;

      }

    }

  }

});

  • 2关注人数
  • 308浏览人数
  • 最后回答于:2023-8-18 22:14
    请选择关闭问题的原因
    确定 取消
    返回顶部