我有一個搜索表單，并且想要它，以便當我將某些內容粘貼到表單中時，它會自動提交表單。我還想保留功能，所以如果我不粘貼某些東西，而是手動輸入它，我必須按輸入/搜索按鈕才能作業。
這是我的表格：
<h1 class = "CustomerTitle">Search Tool</h1>
<%= form_with url: "/support/search_res", class: "form", method: :get do |form| %>
<%= form.text_field :query, class: "input", placeholder: "Search for a user..." %>
<%= form.submit "Search", class: "submit_button", id: "pasteSubmit", onpaste: 'pasteAndGo()' %>
<% end %>
<script>
function pasteAndGo() {
document.getElementById('pasteSubmit').submit();
}
</script>
有人可以告訴我為什么這不起作用嗎？
編輯：我試過 Sercan T?rnaval? 的方法：
<h1 class = "CustomerTitle">Revuto Customer Support Tool</h1>
<%= form_with url: "/support/search_res", class: "form", onpaste: 'pasteAndGo()', method: :get do |form| %>
<%= form.text_field :query, class: "input", placeholder: "Search for a user..." %>
<%= form.submit "Search", class: "submit_button" %>
<% end %>
<script>
function pasteAndGo() {
document.getElementsByClassName('form')[0].submit();
}
</script>
沒有進展。任何其他想法/解決方案表示贊賞。
uj5u.com熱心網友回復：
我相信你有onpaste錯誤的地方。請試試這個：
<h1 class = "CustomerTitle">Revuto Customer Support Tool</h1>
<%= form_with url: "/support/search_res", class: "form", method: :get do |form| %>
<%= form.text_field :query, class: "input", placeholder: "Search for a user...", onpaste: 'pasteAndGo()' %>
<%= form.submit "Search", class: "submit_button" %>
<% end %>
<script>
function pasteAndGo() {
document.getElementsByClassName('form')[0].submit();
}
</script>
uj5u.com熱心網友回復：
您應該選擇表單并提交它，而不是按鈕。
<script>
function pasteAndGo() {
document.getElementsByClassName('form')[0].submit();
}
</script>
您也可以將此 js 庫用于這種型別的功能https://select2.org/data-sources/ajax
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/446679.html
標籤：javascript 轨道上的红宝石 红宝石 形式 粘贴