Как построить динамическую форму поиска, используя код JavaScript в Wix? - PullRequest
Новая
       19

Как построить динамическую форму поиска, используя код JavaScript в Wix?

0 голосов
/ 13 декабря 2018

На данный момент мы создаем новую часть на нашем сайте www.dptwiskunde.nl, которая построена с использованием Wix.На одной из страниц (пока не видимых для посетителей) мы хотим, чтобы наши посетители могли искать документы, особенно подходящие для них (то есть прошедшие экзаменационные вопросы).

Основная идея этой страницы - создать форму поиска, включающую три поля ввода (все раскрывающиеся списки, см. Скриншот 1).В результате посетители должны найти все документы, удовлетворяющие выбранным ими level (niveau), course (vak) и subject (onderwerp).

Это выходит за рамки возможностей, которые предлагает нам Wix, поэтому мне нужно реализовать эту форму поиска, используя код JavaScript (который я никогда раньше не использовал)

Как новичок, я пришелсо следующим кодом: 

import wixLocation from 'wix-location';

export function dropdown1_change_1(event, $w) {
    $w("#dropdown2").enable();
    $w("#dropdown3").enable();
    $w("#dropdown3").disable();
    $w("#button21").enable();
    $w("#button21").disable();
}

export function dropdown2_change_1(event, $w) {
    $w("#dropdown3").enable();
}

export function dropdown3_change_1(event, $w) {
    $w("#button21").enable();
}

$w.onReady(function () {
    $w("#button21").onClick( (event, $w) => { 
    let searchValue = $w("#dropdown1").value;
    let searchValue2 = $w("#dropdown2").value;
    let searchValue3 = $w("#dropdown3").value;
    wixLocation.to("https://rpunder.wixsite.com/dptwiskunde/online-Examenopgaven/Niveau/" + searchValue + searchValue2 + searchValue3);
[enter image description here][1]});
});

Главный недостаток этого кода заключается в том, что он не позволяет посетителям выбирать варианты только из одного или двух раскрывающихся списков, поскольку я отправляю их на динамическую страницу с URL-адресом.включая все три варианта (по этой причине второй и третий выпадающий список отключены сначала).Второй недостаток заключается в том, что я действительно хочу, чтобы параметры ввода в третьем раскрывающемся списке зависели от ввода в первых двух.Если посетитель выбирает его уровень и курс, я хочу, чтобы отображались только те предметы, которые могли бы быть ему полезны.

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

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

Спасибо миллиону тому, кто может мне помочь!

1 Ответ

0 голосов
/ 13 декабря 2018

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

...