输入的输入字段值的过滤下拉值

Mahen 发表于 Dev

马亨

我有一个数组，其中包含从 0 到 100 的数字。

如果我单击 div 元素，将显示一个下拉列表，其中将显示所有这些数组元素。但是如果我在文本字段中输入一个数字，例如 0，下拉菜单应该自动显示数组 contains[0,10,20,30,40,50,60,70,80,90,100] 的值。例如，如果我们输入一个数字 10，下拉列表应该显示包含 [10,100] 的数组的值；

有人可以建议我一个逻辑吗？

我会

您可以使用以下功能。

//let arr = Array.apply(null, {length: 101}).map(Number.call, Number);

//arr is your array

//num is the number you want to search for

function filterArr(num) {
  return arr
    .map(i => i.toString())
    .filter(i => i.includes(num.toString()))
    .map(i => parseInt(i));
}

console.log(filterArr(0));//logs [ 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 ]

希望这可以帮助。由于您尚未提供任何代码，因此您可能无法按原样使用此解决方案。但逻辑应该适合你。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。