Создайте создатель условий, используя jquery / javascript

Question

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

• Условие, как на изображении в раскрывающемся списке, должно отображать операнды LHS, оператор также должен выходить из другого раскрывающегося списка.
• После этого RHS можно записать вручную.
• Но одно условие должно выглядеть как один тег, который можно отредактировать позже, если пользователь захочет.

Любая помощь?

Answer 1

То, что вы пытаетесь построить, известно как Query Builder.
Существует множество конструкторов запросов, чьи теги и список условий можно настраивать в соответствии с вашими потребностями.

Один из них - https://querybuilder.js.org/ - который использует jQuery и Bootstrap.
Демонстрация - https://querybuilder.js.org/demo.html

Вот Angular Конструктор запросов (мой личный фаворит из-за большого количества настроек, которые вы можете сделать в этом виджете) - https://zebzhao.github.io/Angular-QueryBuilder/demo/

Надеюсь, что поможет.