Jquery Mobile：用于选择朋友列表的代码（选择带过滤器的列表）

Question

我想知道我是否可以获得带有数据过滤器的选择列表。我的目标是允许用户选择朋友列表（通过Facebook获得）发送邀请。

我发现在列表视图中我们可以有一个搜索过滤条;问题：无法多次选择 http://jquerymobile.com/test/docs/lists/lists-search.html

在表单列表中，我们可以选择多个项目;问题：没有搜索过滤器 http://jquerymobile.com/test/docs/forms/selects/ - 在“带有长选项列表的选择示例：”

下

我想找到两者的组合，就像有一个包含大项目列表的页面，我可以选择多个项目（在这种情况下是朋友），并且能够通过它们进行搜索。

谢谢！

Answer 1

1. 选择菜单。

2. 搜索过滤栏

3. 将选择菜单值复制到搜索过滤器栏

的功能

4. 在同一个功能中，模拟Keyup以运行过滤器并清除搜索过滤器栏

$( "#seleMenuID" ).bind( "change", function() {

var val =  $('select option:selected').val();
$('.ui-input-text').val(val); //put value of select menu on search bar Filter


function simulateKeyUp(character) { //simulate keyup to run the filter
jQuery.event.trigger({ type : 'keyup', which : character.charCodeAt(0) });
}

$(function() {
$('body').keyup(function(e) {

});

simulateKeyUp("e");
$('.ui-input-text').val(''); //clear filter search bar

});

});

Answer 2

您可以创建列表视图并为列表中的每个条目添加一个复选框。这样，当用户看到过滤后的列表时，他们还可以检查他们想要选择的项目。