您的位置:68399皇家赌场 > 服务器租用 > 利用jquery清空、重新恢复设置整个输入域

利用jquery清空、重新恢复设置整个输入域

发布时间:2019-07-20 05:03编辑:服务器租用浏览(63)

    上述代码应用了jquery选拔器获得了整套输入框的父级成分,并动用find找到该元素下的全数input与select输入框。

    jQuery清除表单数据代码实例,jquery清除表单实例

    jQuery清除表单数据代码实例:
    解除表单中的数据最简易的艺术,正是点击重新恢复设置开关完毕清空效果,不过在实际应用中大概要求基于代码的切实运作状态来驱除表单中的数据,上边就享受一段能够完成此功效的jQuery代码。

     

    function clearForm(form) {
      $(':input', form).each(function() {
        var type = this.type;
        var tag = this.tagName.toLowerCase();
        if (type == 'text' || type == 'password' || tag == 'textarea')
          this.value = "";
        else if (type == 'checkbox' || type == 'radio')
          this.checked = false;
        else if (tag == 'select')
          this.selectedIndex = -1;
      });
    };
    

     

    上述代码达成了作者们的渴求,上边临代码做一下大约注释。
    一.代码注释:
    1.function clearForm(form) {},参数为表单对象。
    2.$(':input', form).each(function() {}),遍历表单中的每叁个input成分。
    3.var type = this.type,获取input元素的type属性值。
    4.var tag = this.tagName.toLowerCase(),获取标签字称并且将标签字调换为小写。
    5.if (type == 'text' || type == 'password' || tag == 'textarea') this.value = "",假使input成分的档案的次序为文本只怕密码框只怕标签为多创作本框,就将value属性值设置为空。
    6.else if (type == 'checkbox' || type == 'radio') this.checked = false,若是为单选框只怕复选框,那么就撤废选中。
    7.else if (tag == 'select') this.selectedIndex = -1,即使是select下拉菜单,就收回选中项。
    二.相关读书:
    1.jQuery.each()方法能够参照jQuery.each()方法一章节。
    2.type属性能够参阅javascript的text.type属性一章节。
    3.tagName属性能够参阅javascript怎样赢得成分的tagName标签字一章节。  
    4.toLowerCase()函数能够参阅javascript的String对象的toLowerCase()方法一章节。
    5.checked属性能够参阅javascript的checkbox.checked属性一章节。 
    6.selectedIndex属性能够参阅javascript的select.selectedIndex属性一章节。 

    更加多内容可以参谋:

    更加多内容能够仿照效法:

     

    jQuery清除表单数据代码实例: 清除表单中的数据最简便易行的主意,正是点击重新恢复设置按键完成清空...

    一时大家为了便利就操作键盘组合键去顶替使用鼠标,我们前几日就应用JQuery完结Ctrl Enter提交表单。

    你也许感兴趣的篇章:

    • jQuery完成form表单reset按键重新设置清空表单成效
    • 利用jQuery清空file文件域的解决方案
    • jquery清空textarea等输入框完结代码
    • Jquery下EasyUI组件中的DataGrid结果集清空方法
    • jquery.form.js用法之清空form的法子
    • jQuery获得设置清空select选用的文件与值
    • jQuery 删除或是清空有个别HTML成分示例
    <div id="result"></div> 
    <textarea name="msg" id="msg" placeholder="输入内容" autofocus></textarea> 
    <button type="submit">提 交</button>可按“Ctrl Enter”键提交 
    
    // 复位查询条件输入域
    function restInputArea(div_id){
      // 清空文本框
      $("#" div_id).find('input[type="text"]').each(function(){
        $(this).val("");
      });
      // 复位下拉菜单
      $("#" div_id).find('select').each(function(){
        $(this).find('option:first-child').attr('selected',"selected");
      });
    };
    

    jQuery
    首先必须事先载入jQuery库。

    在web开拓中,大家平常会超过海重机厂置全部输入框的图景。
    例如说在查询时,会给用户提供一个“重新初始化”按键来清空全体输入框内的输入的文件。
    此时使用jquery就足以统一清空(重新恢复设置)。

    textarea {display:block; width:450px;height:100px;border: 1px solid #ccc;} 
    button {border: 1px solid #ccc; background: #ececec;-webkit-border-radius: 3px; 
    -moz-border-radius: 3px;margin-top: 10px;padding: 5px 20px; cursor:pointer} 
    .post{width: 230px;border: 1px solid #ccc;background: #ececec; padding: 10px; margin: 10px 0;} 
    

    最终,调用ctrlEnter,将textarea中的内容提交到#www.68399.com,result中,並且将回车替换为br,况且清空textarea。当然实际运用中,应该将内容post给后台处理程序,让后台程序php等管理内容及数量交互。

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:利用jquery清空、重新恢复设置整个输入域

    关键词: 68399皇家赌场

上一篇:Javascript代码达成仿实例化类

下一篇:没有了