【发布时间】:2019-05-06 04:27:10
【问题描述】:
我正在尝试提交带有循环 text_field 的表单。但是每当我单击提交按钮时,什么都没有发生。每当用户从折扣下拉菜单中单击 VIP 折扣时,就会显示 VIP 名称 text_field。对于每张 VIP 票,都有一个 VIP 名称字段。 text_field 是必需的。我正在尝试通过单击“购买”按钮来提交它。 可能隐藏的 text_Field 上的必填字段正在生效,这就是表单无法提交的原因。每当text_field 被隐藏时,我都尝试实现javascript .removeAttribute("required") 和.required = false;,但效果不佳。你的想法是什么?
<%= f.fields_for :movie_tickets do |mtf| %>
<div class="row text-center">
<label>============================ <%= "TICKET " + @count.to_s %> =============================</label> <br> <br>
<b> SEAT NO: <%=mtf.object.seat.name%> | ORIGINAL PRICE: <label class="label_original_prices"><%= number_to_currency mtf.object.net_price, unit:'' %></label> | DISCOUNTED PRICE: <label class="label_discounted_prices" id="pricediscount<%=@count%>">No Discount</label> </b> <br> <br>
</div>
<div class="form-group">
<div class="col-md-3">
<label>DISCOUNT :</label>
</div>
<div class="col-md-9">
<%= mtf.select :discount_id, options_from_collection_for_select(discounts, :id,:name),{include_blank:true}, class:"form-control", id:"discount"+@count.to_s, onchange:"getDisc(this)" %>
</div>
</div>
<br><br>
<div class="form-group" style="display: none;" id="divVIP<%=@count%>">
<div class="col-md-3">
<label>VIP NAME :</label>
</div>
<div class="col-md-9">
<%= mtf.text_field :vip_name , placeholder: "Type VIP name here...",class: "form-control", required: true %>
</div>
</div>
<% @count += 1 %>
<% end %>
<script type="text/javascript">
if(getValueDiscount == "9") {
document.getElementById('divVIP' + count).style.display = "block";
}else {
document.getElementById('divVIP' + count).style.display = "none";
}
</script>
【问题讨论】:
-
请把表单定义添加到sn-p。
标签: javascript html ruby-on-rails