Question

我的表单包含一个包含两个选项的选择字段：show和hide选项：我想当我选择show选项时，文本字段应该出现在表单中，如果我选择hide选项，则文本字段应该消失（隐藏）。

我问应该使用哪种方法，任何人都有一个例子如何做到这一点？

Answer 1

你当然需要Javascript来实现这一目标。使用jQuery的非常简单的工作示例：

＆＃13;

$(function() {
  $('#type').change(function() {
    if ($('#type').val() == 'show') {
      $('#hidden_text').show();
    } else {
      $('#hidden_text').hide();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Type
<select name="type" id="type" style="margin-left:57px; width:153px;">
  <option name="Show" value="show">Show</option>
  <option name="Hide" value="hide">Hide</option>
</select>

<div class="row" id="hidden_text">
  Hidden text
</div>

＆＃13;

您可能希望将此示例调整为视图中使用的ID，以便在选择字段上触发onChange事件。

symfony事件监听器改变了

1 个答案: