Question

我已经设置了这样一个表单：

<%= form_for xxx.new do |f| -%>
    <%= text_field_tag :num %><br />
    <%= text_field_tag :url %><br />
    <%= image_tag("/assets/some_image.png", id: "img")%><br />
    <%= f.submit %>
<% end -%>

在提交表单时，我可以使用params[:num]和params[:url]获取xxxController中的文本。有没有办法以类似的方式获取图像的src？此外，src将根据用户选择的图像而改变，因此对解决方案进行硬编码并不是一个可行的选择。

Answer 1

您要做的是制作一组带有包含图像的标签的单选按钮。然后，用户可以单击图像以选择单选按钮。

＆＃13;

<p>
  <label>
    <input type="radio" name="animal" value="dog" />
    <img width="300" src="http://www.publicdomainpictures.net/pictures/50000/nahled/dog-1373273591Tqi.jpg" />
  </label>
</p>
<p>
  <label>
    <input type="radio" name="animal" value="cat" />
    <img height="200" src="http://www.publicdomainpictures.net/pictures/50000/nahled/cat-looking-up.jpg" />
  </label>
</p>
<p>
  <label>
    <input type="radio" name="animal" value="moose" />
    <img width="300" src="http://www.publicdomainpictures.net/pictures/40000/nahled/portrait-1365857069JPb.jpg" />
  </label>
</p>

＆＃13;

提交表单后，您将获得所选单选按钮的值，就像其他所有内容一样。我已将它命名为动物的名称，但如果您愿意，可以将其与图像的URL匹配。

使用CSS，你可以做一些很好的事情，比如

将鼠标悬停在
在所选图像周围绘制边框
隐藏单选按钮本身

如何使用Rails提交img src

1 个答案: