在点击时提交用户输入的最佳方法

Question

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

问题：Firefox无法将提交的“名称”发送到服务器。 在Chrome中，以下代码可以正常工作，并且参数no中显示“ no”值（第二行是呈现的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处理click动作，通过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 %>