点击提交用户输入的最佳方式

Question

用户在图像表示的不同输入之间进行选择，这些输入将不同的值传递给服务器。在前端设置输入的最佳/最简单方法是什么？

问题：Firefox不会向服务器发送提交“名称”。在Chrome中，以下工作正常，并且“no”值显示在params中（第二行是渲染的html）。

<%= f.submit 'no', name: "response", :type => :image, :src => "/assets/images/cancel.png" %>
<input name="response" src="/assets/images/cancel.png" type="image" value="no">

我正在考虑的选项：

• 使每个输入成为链接，从那里配置路由
• 使用javascript处理点击操作，通过ajax或.submit（）
提交数据
• 内联JavaScript：https://stackoverflow.com/a/25137838

我发布的原因：图片将用作网站上不同位置的单击输入。一个是如上所述的自定义是/否/可能按钮。另一个用途是让用户在不同的图像之间进行选择，现在可以有20个选择，更多的是时间。

思考？如果你想到一个更干净的方法来做到这一点，我很乐意听到它！

Answer 1

了解其他网站如何处理单一输入链接。我没有看到任何标准，但我看到的大多数网站都将输入处理为没有任何包含形式的链接（这绝对是ajax的一个很好的用途）。

现在我已取出表格并替换为路径链接：

<%= link_to image_tag("/assets/images/cancel.png"), response_path('no'), method: :put %>