Question

我想通过点击类别来创建搜索。我有这个代码可以工作

<%= search_form_for @q , id: 'myform' , :html => {:class => "form-inline"} do |f| %>

   <%= f.text_field :category_id_eq, value: 1, type: 'hidden' %>
    <%= content_tag(:button, "Foo", :type=>:submit) do %>
    <div class="col-sm-3  ">
      Image goes here
      </div>
<% end %> <% end %>

但按钮不是我想要的图像。这只是一个很难看的按钮。因此我想做这样的事情。它不起作用。

    <%= search_form_for @q , id: 'myform' , :html => {:class => "form-inline"} do |f| %>

       <%= f.text_field :category_id_eq, value: 1, type: 'hidden' %>
       <div class="col-sm-3  " onclick="document.myform.submit()">
       Image goes here
      </div>
    <% end %><% end %>

我的问题是，如何将div转换为提交按钮？或者我如何通过点击图像进行搜索。

感谢。

Answer 1

这是我解决问题的方法。使用第一个正确的示例，我只是用css设置它。

<%= search_form_for @q , id: 'myform' , :html => {:class => "form-inline"} do |f| %>

  <%= f.text_field :category_id_eq, value: 1, type: 'hidden' %>
  <%= content_tag(:button, "Foo", :type=>:submit, class: 'category_button' ) do %>
    <div class="col-sm-3  ">
       Image goes here
    </div>
   <% end %> 
 <% end %>

CSS我重置代码：

 .category_button{
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
    height: 0px;
    width: 0px;


   }

如何通过单击rails上ruby上的图像来创建类别

1 个答案: