搜索后清除輸入

Question

我的網站上有一個搜索框。 搜索效果很好。 提交搜索后，我希望清除搜索字段。 我有它來清除onclick，但onsubmit不起作用。 絕對可以提交搜索，因為我可以看到結果。

js

<script type="text/javascript">
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}
</script>

視圖

<%= form_tag guidelines_path, :class => 'navbar-search pull-right', :onSubmit=>"clearText(this)",:method => :get do %>  

<%= text_field_tag :search, params[:search], :class => 'search-query', :placeholder=>"Search", :ONFOCUS=>"clearDefault(this)" %> <% end %

>

Answer 1

onsubmit不是文本字段的事件，而是它所屬的表單。 如果將onsubmit屬性移至表單，則應清除它。

Answer 2

與其將字段作為參數傳遞，不如僅通過其類來獲取字段？ 因此，使用jQuery：

function clearText(){
    search = $('.search-query');
    if (search.defaultValue==search.value)
    search.value = ""
}

如果由於某種原因而無法使用jQuery，可以嘗試為表單字段分配ID並使用document.getElementById（）代替嗎？