Как спрятать поля в рюкзаке

Question

Есть ли правильный способ скрыть поля в рюкзаке? Использование hidden attr или display:none не скрывает метку.

Существует несколько решений: изменить каждый вид поля или скрыть его с помощью js. Оба имеют недостатки.

Answer 1

Нет подходящего способа сделать это в рюкзаке. Когда мне нужно было показать и скрыть некоторые поля в соответствии с раскрывающимся списком, вот функция, которую я создал:

const fieldVisibility = (field, visibility = true) =>
    document.querySelector(`[name*="${field}"]`).closest('.form-group').style.display =
        visibility ? 'block' : 'none';

Примеры:

fieldVisibility('name', true) // Shows the field name
fieldVisibility('users', false) // Hides the field users[]