搜索后清除输入
clear input after search
我的网站上有一个搜索框。搜索效果很好。我希望在您提交搜索后清除搜索字段。我让它清除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 %
>
onsubmit
不是文本字段的事件,而是它所属的窗体。如果将onsubmit
属性移动到窗体,它应该会将其清除。
与其将字段作为参数传递,为什么不直接通过字段的类获取字段呢?所以使用jquery:
function clearText(){
search = $('.search-query');
if (search.defaultValue==search.value)
search.value = ""
}
如果由于某种原因无法使用jQuery,您可以尝试为表单字段分配一个ID,然后使用document.getElementById()?
相关文章:
- 单击jquery清除输入值
- php页面,该页面在清除值后接受输入
- 在Chrome中重新加载页面后清除表单输入值
- 当在输入框中聚焦时,清除页面上的所有间隔
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何在表单提交后清除输入字段
- 当您发布聊天消息时,聊天输入不会清除
- IE 输入清除图标有时不会触发更改事件
- 输入文本区域的清除按钮
- Magento自定义选项-清除输入字段问题
- 点击提交后如何清除输入字段
- 如何正确清除AngularJS控制器输入无效的表单
- 清除间隔在鼠标输入上不起作用
- 如何从文本区域输入中清除文本
- 清除输入字段值-STCombobox时出现意外的JS行为
- 在追加时清除所有输入文本框值
- 我可以重置文本输入而不清除它吗
- Email提交输入清除/css在iphone Safari或Chrome上不起作用
- 停止输入清除onFocus
- 输入清除问题