搜索/过滤数组
搜索/过滤数组
提问于 2015-09-24 03:34:32
我有个问题。在我的网站上(基于混凝土5)，我有一个块来显示图标列表。我有这个数组。(该数组的图标比我所显示的要多得多，这只是一个示例。)
<?php $options = array(
'icon-adjust' => 'Icon Adjust',
'icon-adjustments' => 'Icon Adjustments',
'icon-adn' => 'Icon Adn',
'icon-alarmclock' => 'Icon Alarmclock',
'icon-align-center' => 'Icon Align-center',
'icon-align-justify' => 'Icon Align-justify',
'icon-align-left' => 'Icon Align-left',
'icon-align-right' => 'Icon Align-right',
'icon-ambulance' => 'Icon Ambulance',
'icon-anchor' => 'Icon Anchor',
'icon-anchor2' => 'Icon Anchor2',
);
?>我想修改我的搜索框，这样用户就可以在数组中键入一些内容来过滤掉结果。(例如:如果他们搜索锚点，他们会看到两个图标锚点字段)。
有谁能帮我解决这个问题吗？
下面是我的代码，供将来参考：
<script>
$('input[name=fromPages]').select2({
placeholder: "<?=t('Search for a Page')?>",
minimumInputLength: 1,
width: '100%',
multiple: true,
ajax: {
url: "<?=$view->action('load_pages')?>",
dataType: 'json',
quietMillis: 250,
data: function (term, page) {
return {
q: term
};
},
results: function (data, page) { // parse the results into the format expected by Select2.
var results = [];
$.each(data, function(i, concretePage) {
results.push({'id': concretePage.id, 'text': concretePage.name});
});
return {
results: results
};
},
cache: true
}
});
</script>对于选择框：
<div class="form-group">
<?php echo $form->label('fromPages', 'Search for an Icon')?>
<div>
<?php echo $form->hidden('fromPages'); ?>
</div>
</div>和一张图片：(顶部的搜索框将从打开的列表中过滤结果) http://i.imgur.com/Ksrb7iQ.png?1
回答 1
Stack Overflow用户
发布于 2015-09-24 03:40:21
查看typeahead.js库，仅仅使用php是无法做到这一点的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32748038
复制相关文章
相似问题
腾讯云开发者
