更改时的 symfony 事件侦听器
symfony event listener on change
我的表单包含一个 select 字段,该字段包含两个选项:显示和隐藏选项:
我想当我 select 显示选项时,文本字段应该出现在表单中,如果我 select 隐藏选项,文本字段应该消失(隐藏)。
请问应该用哪种方法,谁有例子怎么做?
您当然需要 Javascript 才能实现此目的。使用 jQuery 的非常简单的工作示例:
$(function() {
$('#type').change(function() {
if ($('#type').val() == 'show') {
$('#hidden_text').show();
} else {
$('#hidden_text').hide();
}
});
});
<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>
您可能希望根据您视图中使用的 ID 调整此示例,以便在您的 select 字段上触发 onChange 事件。
我的表单包含一个 select 字段,该字段包含两个选项:显示和隐藏选项: 我想当我 select 显示选项时,文本字段应该出现在表单中,如果我 select 隐藏选项,文本字段应该消失(隐藏)。
请问应该用哪种方法,谁有例子怎么做?
您当然需要 Javascript 才能实现此目的。使用 jQuery 的非常简单的工作示例:
$(function() {
$('#type').change(function() {
if ($('#type').val() == 'show') {
$('#hidden_text').show();
} else {
$('#hidden_text').hide();
}
});
});
<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>
您可能希望根据您视图中使用的 ID 调整此示例,以便在您的 select 字段上触发 onChange 事件。