2
A
回答
5
您可以手動過濾器設置爲true data-filter="true"
,然後將其隱藏。
#myContent .ui-listview-filter {
display: none;
}
上的選擇變化,只是把所選值的文本字段,並觸發keyup
事件。
$('#select-choice-1').change(function() {
$('#myContent .ui-listview-filter input.ui-input-text').val($(this).val()).trigger('keyup');
});
2
見更新演示:jsfiddle
<ul data-role="listview">
<li data-filtertext="de" class="de"><a href=#>Audi</a></li>
<li data-filtertext="de" class="de"><a href=#>BMW</a></li>
<li data-filtertext="it" class="it"><a href=#>Ferrari</a></li>
<li data-filtertext="it" class="it"><a href=#>Lamborghini</a></li>
<li data-filtertext="it" class="it"><a href=#>Maserati</a></li>
</ul>
$('#select-choice-1').change(function(){
var value = $('#select-choice-1').val();
$("ul").find("li").hide()
$("ul").find("li."+value).show();
});
相關問題
- 1. 列表視圖搜索使用vue JS篩選器篩選
- 2. 篩選列表視圖
- 3. 篩選器列表視圖數據
- 4. Android SearchView篩選器列表視圖
- 5. 通過選擇組合框來篩選列表視圖數據
- 6. 在Admin更改列表視圖中篩選外鍵選擇
- 7. 獲取項目在篩選列表視圖選擇
- 8. 使用選擇器篩選jQuery可排序的無序列表
- 9. 篩選多列列表視圖
- 10. 篩選器使用searchview的Recycler視圖
- 11. 使用光標適配器實現帶有多個使用篩選器的選擇列表視圖
- 12. 列表視圖中的篩選器選項片段活動
- 13. 列表視圖篩選的Android
- 14. 列表視圖選擇
- 15. 列表視圖的固定選擇器
- 16. android:刪除列表視圖選擇器
- 17. 樹視圖篩選器表AngularJS
- 18. 使用選擇下拉列逐行篩選列表
- 19. 使用lambda篩選列表
- 20. Angularjs使用$篩選器篩選器
- 21. 與多選擇jQuery篩選器表
- 22. angularjs用篩選器選擇篩選出已經選擇的選項
- 23. 使用選擇器和isEnabled禁用列表視圖項目()
- 24. 谷歌圖表列篩選
- 25. LINQ篩選器列表
- 26. 篩選器列表條目
- 27. Sintaxis JQPL篩選器列表
- 28. 標記篩選器列表
- 29. 快速篩選器列表
- 30. SharePoint DropDown列表篩選器