【发布时间】:2015-12-19 04:05:03
【问题描述】:
我的表单包含一个选择字段,其中包含两个选项:显示和隐藏选项: 我希望当我选择显示选项时,表单中应该出现一个文本字段,如果我选择隐藏选项,文本字段应该消失(隐藏)。
请问应该使用哪种方法,谁有例子如何做到这一点?
【问题讨论】:
标签: javascript symfony listener dom-events
我的表单包含一个选择字段,其中包含两个选项:显示和隐藏选项: 我希望当我选择显示选项时,表单中应该出现一个文本字段,如果我选择隐藏选项,文本字段应该消失(隐藏)。
请问应该使用哪种方法,谁有例子如何做到这一点?
【问题讨论】:
标签: javascript symfony listener dom-events
您当然需要 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,以便在您的选择字段上触发 onChange 事件。
【讨论】: