有时候我们用了input type="reset"或者其他标签, 这时默认的实现不是我们所需要的,
这时候如何处理呢,当然最简单的方法全部改成 type=button 然后在onclick事件中实现
自己的reset方法。但如果是做完了项目, 很多页面,当然批量替换也快。如果项目上线,客户不允许重部署,只能一个文件一个文件去替换呢,这时候就要开动脑筋了。
下面是我的实现,前面有一个不太好的方法,但在firefox下有问题,ie下没问题,
就不说了。下面这个在火狐和IE下都没问题,实现的过程很简单,但还是花了一些时间才想到。
function reset(){
$('form[name=select_form_page]').find('input[type=text]').each(function (){
$(this).attr('value','');
});
$('form[name=select_form_page]').find('select').each(function (){
this.selectedIndex=0;
});
return false;
}
$(document).ready(function(){
$('form[name=select_form_page]').find('input[type=reset]').eq(0).bind('click',reset);
});
这时候如何处理呢,当然最简单的方法全部改成 type=button 然后在onclick事件中实现
自己的reset方法。但如果是做完了项目, 很多页面,当然批量替换也快。如果项目上线,客户不允许重部署,只能一个文件一个文件去替换呢,这时候就要开动脑筋了。
下面是我的实现,前面有一个不太好的方法,但在firefox下有问题,ie下没问题,
就不说了。下面这个在火狐和IE下都没问题,实现的过程很简单,但还是花了一些时间才想到。
function reset(){
$('form[name=select_form_page]').find('input[type=text]').each(function (){
$(this).attr('value','');
});
$('form[name=select_form_page]').find('select').each(function (){
this.selectedIndex=0;
});
return false;
}
$(document).ready(function(){
$('form[name=select_form_page]').find('input[type=reset]').eq(0).bind('click',reset);
});