Как в list.js сделать несколько полей для поиска по разным значениям?

Question

[reZed]

Кто использовал скрипт list.js (c сайта listjs.com) скажите, как сделать в нем несколько полей для поиска по разным значениям? По умолчанию поисковое поле ищет сразу по всем переданным в конструктор значениям, мне же нужно разделить поиск для каждого значения в отдельные поисковые поля.
PS или, если знаете похожий скрипт с сортировкой и фильтрацией, напишите пожалуйста

Comments

[CrackedSapphire]

Пример кода, пожалуйста.

[reZed]

<div id="example">
	<input type="text" class="search" placeholder="Название">
	<input type="text" class="search" placeholder="Цена">

	<ul class="list">
		<li><span class="name">Пример названия</span></li>
		<li><span class="cost">150</span></li>	
	</ul>
</div>

<script src="../js/list.min.js"></script>
<script type="text/javascript">
	var options = {
		valueNames: [ 'name', 'cost' ]
	};

	var userList = new List('example', options);	
</script>

С таким кодом поиск происходит в обоих полях по обоим параметрам, независимо от того в какое поле вписываются данные. Вопрос в том, как разделить поиск между этими полями согласно их назначению.

Answer 1

[gillbeits]

Если я Вас правильно понял, то нужно что-то вроде этого jsfiddle:

<div id="example">
    <input type="text" data-field="name" placeholder="Название"/>
    <input type="text" data-field="price" placeholder="Цена"/>

    <ul class="list">
    </ul>
</div>

var options = {
    item: '<li><h3 class="name"></h3><p class="price"></p></li>'
};

var values = [
    { name: 'Пример с ценой x', price:'150' }
    , { name: 'Пример с ценой y', price:'300' }
];

var userList = new List('example', options, values);	
$('input[data-field]').on('keyup', function(e){
    userList.search($(this).val(), [""+$(this).data('field')]);
});

Comments

[reZed]

По принципу работы именно так, но мне нужно получать доступ к уже существующим li, т.к. они выводятся с помощью php в цикле из бд, как мне в таком случае объявлять values?

[gillbeits]

Могу предложить так: jsfiddle.net/5VFbL/2

[reZed]

Спасибо, то что нужно.