Question

我有一个下拉菜单，允许用户选择一个时间段（即：2018年1月，孕早期，2018年夏季等）。在最底部有一个标有“其他”的选项。如何让用户选择“其他”，并在其下方显示文本输入表单，以便他们可以详细说明“其他”是什么意思？这是我目前的代码：

HTML：

Time Period:
<% if f.object.award.add_period? %>
    <div class="time_period_<%= f.object.award.id %>" id="otherBoolID">
        <%= f.select :time_period, Award::TimePeriods, {:include_blank => true}, { :class => "date_dropdown"} %>
    </div>
<% end %>

<div  id="boolID" <%= "hidden" %>>
    <%= f.input :time_period, :label => false, placeholder: "Other (please specify)", :input_html => { :class => 'awardform' } %>
</div>

的JavaScript / JQuery的：

$('#otherBoolID').change(function () {
var x = document.getElementById('otherBoolID').value;
if (x == "Other") {
    document.getElementById('boolID').style.display = 'visible';
}
});

知道出了什么问题吗？目前，“其他”表单在页面加载时隐藏，但如果您在下拉菜单中选择“其他”，则不会显示。如果值得一提，我正在使用ruby on rails框架。

Answer 1

问题可能是id="otherBoolID"而不是<div>代码？

根据其他表单的数据添加新表单？

1 个答案: