javascript - 提前输入特定列表

Question

<div class="results-list" style="max-height:500px;overflow:auto;">
            <input type="text" name="tags" id="tags" class="form-control" value="" />
            <?php for ($i = 0; $i < count($groups); $i++) { ?>
            <div class="media">
                <a href="#" class="pull-left"><img src="images/groupimages/<?=$groups[$i]["img_path"]?>" class="media-object" /></a>
                <div class="media-body">
                    <h4 class="filename text-info"><?=$groups[$i]["name"]?></h4>
                    <small class="text-muted" style="word-wrap: break-word;"><?=$groups[$i]["description"]?></small>
                </div>
            </div>
            <?php } ?>
        </div>

javascript:

// Tags Input
    jQuery('#tags').tagsInput({ width:'auto' });

我想输入输入标签并使用此列表进行报价。当用户写入 1 时，列表必须只显示 group-1 。我怎样才能做到这一点？

Answer 1

写一个回调函数，返回一个函数，然后传递你要搜索的子字符串。在 array.filter 方法中使用此回调。

var searchFor = "1" //for example

var array = ["group-1","group-2","group-3"];
var filtered = array.filter(stringContains(searchFor));

function stringContains(subString) {
  return function(element) {
    return element.indexOf(subString) > -1;
  }
}

alert(filtered);