Ruby on rails Rails表单标签:如何从单选按钮标签更改为<;a>;标签?
我的任务是将表单中的单选按钮更改为更易于设置样式的可自定义标记 我在其他网站上看到,他们使用带有“Ruby on rails Rails表单标签:如何从单选按钮标签更改为<;a>;标签?,ruby-on-rails,ruby-on-rails-4,Ruby On Rails,Ruby On Rails 4,我的任务是将表单中的单选按钮更改为更易于设置样式的可自定义标记 我在其他网站上看到,他们使用带有“ 我的表单如下所示: <%= form_for :order, :url => populate_orders_path do |f| %> <ul class="icons"> <% colors = @product.variants.map(&:color).uniq %> <% colors.each do |color| %
我的表单如下所示:
<%= form_for :order, :url => populate_orders_path do |f| %>
<ul class="icons">
<% colors = @product.variants.map(&:color).uniq %>
<% colors.each do |color| %>
<li>
<%= radio_button_tag "color_id", color.id %>
<%= label_tag color.presentation %>
</li>
<% end %>
</ul>
<%= button_tag :class => 'large primary', :id => 'add-to-cart-button', :type => :submit do %>
<%= Spree.t(:add_to_cart) %>
<% end %>
populate_orders_path do|f|%>
-
'大型主',:id=>'添加到购物车按钮',:type=>:提交do%>
替换单选按钮标记并将标记添加到表单时:
<% colors.each do |color| %>
<li class="color">
<a href="" title="" name="color.id">
</li>
<% end %>
我的表单无法识别用户选择了哪个
。我想我可以添加一个css class=“selected”“根据Javascript到
或
。但是如何提交这些信息呢?只要用户选择一个链接,就可以模拟添加一个隐藏的
字段,并将该值分配给输入字段的value
属性,无论您想提交什么
#on selecting this tag
<a href="" title="" name="color">
#append this to ur DOM
<input type="hidden" name="color" value="<%=color.id%>">
#关于选择此标记
函数myFunction(val){
var node=“”
$('#'+val.id).after(node)
}
只要用户选择一个链接,就可以对其进行模拟,添加一个隐藏的
字段,并将该值分配给输入字段的value
属性,无论您想提交什么
#on selecting this tag
<a href="" title="" name="color">
#append this to ur DOM
<input type="hidden" name="color" value="<%=color.id%>">
#关于选择此标记
函数myFunction(val){
var node=“”
$('#'+val.id).after(node)
}
隐藏输入字段中的color.id仅在颜色循环中可用,因此每种颜色都将获得隐藏字段。隐藏输入字段中的color.id仅在颜色循环中可用,因此每种颜色都将获得隐藏字段。
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<a href="#" title="" name="color" value = "<%color.id%>" id ="pickg" onclick ="myFunction(this)">color</a>
<script>
function myFunction(val) {
var node = "<input type='hidden' name="+val.name+" value="+val.value+">"
$('#'+val.id).after(node)
}
</script>