SYMFONY

Question

我正在学习如何使用 Symfony，但我被困在一个表格上。我有一个下拉列表，根据选择，我想显示一个输入。找了4天多的解决办法，还是没找到，特来求助

当我在此下拉列表中select“Lycéen.ne”时：dropdownList，我想显示输入“Lycée”：inputLycee

我知道有FormEvent，但我不是很明白它是如何工作的以及如何使用JS来显示或隐藏输入

感谢您的帮助=)

Answer 1

我不确定这是否真的适用于 symfony，我认为它更像是一个 jquery 问题：

    $('#listid').change(function(event){
      $('#inputid').toggle($(this).val() == 'Lycéen.ne');
    });

Answer 2

您可以继续使用 Symfony 来呈现整个表单，然后使用一些 JS 和 CSS 来隐藏或显示应该动态显示的字段。这是一个使用纯 JS 的示例：

let foo = document.getElementById("foo");
let bar = document.getElementById("bar");

foo.addEventListener('change', (event) => {
    if (event.target.value === 'two') {
    bar.style.display = 'inline'; // Show the element.
  } else {
    bar.style.display = 'none'; // Hide the element.
  }
});

#bar {
  display: none; // Hide the element initially. 
}

<select name="foo" id="foo">
  <option value="one">Do not show</option>
  <option value="two">Show</option>
</select>

<input name="bar" id="bar" value="" placeholder="type something here..." >

SYMFONY - 根据下拉列表的值显示输入

SYMFONY - Display an input according to the value of a drop-down list

symfony-forms

dynamic-forms