чистый ввод после поиска

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 Th не является событием текстового поля, а форма принадлежит. Если вы переместите свой атрибут onsubmit в форму, он должен очистить его.

Answer 2

Вместо того чтобы передавать поле в качестве параметра, почему бы просто не получить поле по его классу? Таким образом, используя JQuery:

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

Если вы не можете использовать JQuery по какой-то причине вы могли бы попытаться присвоить поле формы идентификатор и использовать document.getElementById() вместо?