`
sisi1984117
  • 浏览: 158171 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

【原】怎么用js清空一个div里面全部文本框的内容

 
阅读更多
function ClearAllText(divInput){
    var txts = document.getElementById(divInput).getElementsByTagName("input"); 
    for(var i=0;i<txts.length;i++) 
    { 
      if(txts[i].type=="text"){ 
        txts[i].value ="";  //text 清空
      }  
    }
   
    var selects = document.getElementById(divInput).getElementsByTagName("select"); 
    for(var i=0;i<selects.length;i++) 
    { 
     selects[i].options[0].selected = true;  //combo选择第一项
    }
   
}

<script></script>

分享到:
评论

相关推荐

    已知一个<input />标签,如何不改变其层级的关系,用js或者加入class设置,在文本框的最右边加一个X,使之可以置空该input

    在你的需求中,你希望在文本框的最右边添加一个“X”图标,使得用户可以点击这个图标来清空输入框的内容,而无需改变输入框的层级关系。这一功能常见于许多现代网页应用中,如搜索框,提供用户方便地清除已输入的...

    js文本框输入内容智能提示效果

    在本例中,我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能,这种功能常见于搜索引擎、输入框自动补全等场景,可以极大地提升用户输入体验。 1. **事件监听**: 在这个例子中,使用了`keyup`事件来...

    jquery文本框添加删除标签代码.zip

    在这样的应用中,通常会有一个`&lt;input&gt;`元素作为文本框供用户输入,以及一个`&lt;ul&gt;`或`&lt;div&gt;`元素用于显示生成的标签。例如: ```html &lt;div id="tagContainer"&gt;&lt;/div&gt; ``` 接下来,jQuery代码将监听文本框的`keyup...

    一款jquery text文本框添加删除标签代码.zip

    在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本资源"一款jquery text文本框添加删除标签代码.zip"提供了一个实现用户在文本框中动态添加和删除标签的...

    关于 文本框默认值 的操作js代码

    首先说这种提示功能很好,非常直观,可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本….. 当页面这些元素多了之后如何去管理…等等问题 代码如下: var inputText=function(o,e,e2){ if...

    Ajax文本框输入提示附加数据库即可

    在这个案例中,我们探讨的是如何使用Ajax来实现一个文本框输入时的提示功能,这些提示信息是从数据库动态获取的。 首先,我们需要在前端创建一个文本框,用户在此输入信息时,会触发Ajax请求。HTML代码可能如下: ...

    清除div下面的所有标签的方法

    该函数首先通过`getElementsByTagName("div")`获取`slides`下的所有`div`元素,然后使用一个`for`循环遍历这些元素,将它们的`innerHTML`属性设为空字符串,从而移除其中的内容。 此外,代码中还提供了一个名为`...

    如何将一个TXT文档里内容导入到文本框里

    第一个文件ajax_txt.asp的代码: (此页是AJAX异步提交txt文本文件的路径到ajax_txt_save.asp页面,并从ajax_txt_save.asp获取返回的数据) &lt;!DOCTYPE ...

    原生js简单的加减乘除计算器样式代码

    在JavaScript(JS)中创建一个简单的加减乘除计算器是一个基础但实用的实践项目,它可以帮助初学者理解事件处理、DOM操作以及基本的数学运算。本项目主要涉及到以下几个知识点: 1. **HTML 结构**:首先,我们需要...

    JavaScript 文本框下拉提示(自动提示)

    在示例中,我们看到一个简单的JavaScript实现,它模仿了百度和Google搜索框的下拉提示效果。这个例子主要由HTML、CSS和JavaScript三部分组成。 HTML 部分: ```html &lt;div id="wrap"&gt; 提示:可以输入"1"开头的 ...

    jQuery文本框回车创建标签代码.zip

    本资源"jQuery文本框回车创建标签代码.zip"提供了一个功能,即用户在文本框中输入文字后按回车键,可以创建一个标签,同时,用户还可以通过点击按钮获取已输入的所有标签值。这个功能常用于诸如标签云、关键词管理...

    简单JS自动提示文本框代码

    本文介绍了一个简单的JavaScript实现的自动提示文本框功能,用户在文本框中输入内容时,系统会根据输入内容提示相关的选项供用户选择,以提高用户输入效率。文中通过颜色选择的例子,展现了自动提示文本框的实现过程...

    文本框输入添加标签,按空格可添加多次

    本文将深入探讨如何使用jQuery实现"文本框输入添加标签,按空格可添加多次"的功能,旨在创建一个用户友好的、功能丰富的标签输入系统。 首先,我们需要在HTML中设置基本的结构。创建一个包含输入框和标签容器的简单...

    jQuery输入框创建关键词标签代码

    在IT行业中,jQuery库是广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画制作。本示例涉及的是利用jQuery实现一个功能丰富的输入框,用户可以在其中输入关键词并将其转化为标签,这样的功能常见于社交...

    sciter-js-autocomplete:在Sciter.JS中自动完成文本框的简单演示

    本项目"sciter-js-autocomplete"是针对Sciter.JS的一个示例,展示了如何在Sciter.JS环境中实现一个自动完成(autocomplete)功能的文本框。 自动完成功能在各种输入场景中非常常见,如搜索引擎、编程IDE或任何需要...

    vue中input的v-model清空操作

    在Vue.js中,`v-model`是一个非常强大的指令,它实现了数据双向绑定,使得表单控件与Vue实例的数据能够实时同步。然而,在特定场景下,如在自定义组件中,我们可能需要处理一些特殊的需求,例如添加一个清除输入框...

    JavaScript完全自学宝典 源代码

    3.6.html 向数组头添加一个项。 3.7.html 多维数组的实现方法。 第4章(\c04) 示例描述:介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    js制作的简单小计算器

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,能够实现客户端的交互功能。在这个“js制作的简单小...对于初学者来说,这是一个很好的练习项目,能帮助他们更好地理解和运用JavaScript。

Global site tag (gtag.js) - Google Analytics