Блог

Главная - Вопросы по программированию - Я хочу создать мгновенный фильтр с помощью jquery или javascript

Я хочу создать мгновенный фильтр с помощью jquery или javascript

#javascript #jquery #list #filter

#javascript #jquery ( jquery ) #Список #Фильтр

Вопрос:

Проблема в том, что я не знаю ни того, ни другого языка. Я довольно хорошо умею изменять существующие сценарии, но, похоже, не могу найти ни одного, который соответствовал бы моим потребностям.

Я хочу иметь возможность иметь два выпадающих меню и кнопку. Допустим, из двух выпадающих списков вы можете выбрать переменную A и переменную B, затем, когда кнопка нажата, я хочу, чтобы она отображала элемент из списка, который удовлетворяет как A, так и B (предпочтительно без обновления или необходимости использования PHP).

Существуют ли какие-либо существующие сценарии, подобные этому, которые я могу изменить, или это слишком сложно сделать, не зная языка?

Спасибо.

Комментарии:

1. jQuery — это просто библиотека для упрощения определенных задач в Javascript. Это не его собственный язык.

Ответ №1:

Что-то вроде этого. Вместо оповещений поместите свой код фильтрации.

 <body>

<script>

function onSelect(){
    var selectmenu1=document.getElementById("select1");
    var selectmenu2=document.getElementById("select2");

    alert("First value: "   selectmenu1.options[selectmenu1.selectedIndex].value);
    alert("Second value: "   selectmenu2.options[selectmenu2.selectedIndex].value);
}

</script>

<select id="select1">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<select id="select2">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<input type="button" onclick="onSelect();" value="Submit!"/>

</body>

Комментарии:

1. Большое вам спасибо! Я не уверен, как заставить это фильтровать список, но я проведу некоторый поиск.

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

Метки: