點擊提交用戶輸入的最佳方式

Question

用戶在不同的輸入之間進行選擇，由圖像表示，它們將不同的值傳遞給服務器。什麼是在前端設置輸入的最好/最簡單的方法？

問題：Firefox不會將提交'名稱'發送到服務器。在Chrome中，以下工作正常，「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，提交通過AJAX或.submit數據（）
路線
• 聯JavaScript：https://stackoverflow.com/a/25137838

爲什麼我張貼：圖像將被用作唱點擊網站上不同位置的輸入。一個是像上面那樣定製yes/no/maybe按鈕。另一個用途是讓用戶在不同的圖像之間進行選擇，現在可以有20個選擇，並且有更多的選擇。

想法？如果你想到一個更清潔的方式來做到這一點，我很樂意聽到它！

Answer 1

看看其他網站如何處理單個輸入鏈接。沒有我可以看到的標準，但是我查看的大多數網站都將輸入處理爲沒有任何包含表單的鏈接（這對於ajax來說絕對是一個很好的用途）。

現在我已經採取了表格，並鏈接到路徑替換爲：

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