js实现动态增加文件域表单功能
作者：dq_095 发布时间：2024-04-19 09:50:33
标签：js,文件域,表单
本文实例为大家分享了js实现动态增加文件域表单的具体代码，供大家参考，具体内容如下
实现代码：
<html>
<head>
<title>动态添加表单元素</title>
</head>
<script language="javascript">
//全局变量，代表文件域的个数，并用该变量区分文件域的name属性
var file_count = 0;
//增加文件 域
function additem(id) {
if (file_count > 9) {
alert("最多10个 ");
return;
}
//定义行变量row；单元格变量cell；单元格内容变量str。
var row, cell, str;
//在指定id的table中插入一行
row = eval("document.all[" + '"' + id + '"' + "]").insertRow();
if (row != null) {
//设置行的背景颜色
row.bgColor = "white";
//在行中插入单元格
cell = row.insertCell();
//设置str的值，包括一个文件域和一个删除按钮
str = '<input onselectstart="return false" class="tf" onpaste="return false" type="file" name="file[' + file_count + ']" style="width:500px" onkeydown="return false;"/>';
str += " <input type=" + '"' + "button" + '"' + " value=" + '"' + "删除" + '"' + " onclick='deleteitem(this," + '"' + "tb" + '"' + ");'>";
//文件域个数增加
file_count++;
//设置单元格的innerHTML为str的内容
cell.innerHTML = str;
}
}
//删除文件域
function deleteitem(obj, id) {
var rowNum, curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all." + id).rows.length - 1;
eval("document.all[" + '"' + id + '"' + "]").deleteRow(curRow.rowIndex);
file_count--;
}
</script>
<body>
<input type=button value="增加" onclick='additem("tb")' /><br/>
<table cellspacing="0" id="tb" style="width:400px">
</table>
</html>
来源：https://blog.csdn.net/qq_37968920/article/details/82749270
0
投稿猜你喜欢
- 基于Python2.7的版本环境，Python实现的数据库跨服务器(跨库)迁移, 每以5000条一查询一提交，代码中可以自行更改
- 自定义比较排序/运算符Python3和Python2相比有挺多变化。在Python2中可以直接写一个cmp函数作为参数传入sort来自定义排
- 通常能听到的答案是使用了NULL值的列将会使索引失效,但是如果实际测试过一下,你就知道IS NULL会使用索引.所以上述说法有漏洞.着急的人
索引下推（index condition pushdown ）简称ICP，在Mysql5.6的版本上推出，用于优化查询。在不使用ICP的情况- 是的，我们知道：我们可以为border设置它的width，这个border的宽度可以是5px，可是10px，可以是20px，可以是随意数值。
- 进入python的安装目录, 查看python解释器进入bin目录 # ls python(看一下是否有python解释器版本) # pwd
- 完美解决vue中报错 “TypeError: Cannot read properties of null (reading &ls
- 前言最近项目中遇到用 SQL Server的程序，以前没用过这个数据库，于是尝试将其转换为 MySQL 的格式，可是不想在本地安装 SQL
- 本文实例讲述了Python实现运行其他程序的四种方式。分享给大家供大家参考，具体如下：在Python中，可以方便地使用os模块来运行其他脚本
- 本文实例为大家分享了python实现银行系统的具体代码，供大家参考，具体内容如下1、admin.py 定义管理员信息和主界面显示#!/usr
- 一个简单的SQL 行列转换 Author: eaglet 在数据库开发中经常会遇到行列转换的问题，比如下面的问题，部门，员工和员工类型三张表
- 本文实例讲述了python统计一个文本中重复行数的方法。分享给大家供大家参考。具体实现方法如下：比如有下面一个文件2312我们期望得到2,2
- sql_mode=""，即强制不设定MySql模式（如不作输入检测、错误提示、语法模式检查等）应该能提高性能，但有如下问
- 需要准备的工具：SQL Query Analyzer和SqlExec Sunx Version第一部分：去掉xp_cmdshell保护系统的
- F()函数F()函数的导入from django.db.models import F为什么要使用F()函数?一个 F()对象代表了一个mo
- 修改my.ini或my.conf,将sql-mode="STRICT_TRANS_TABLES,NO_AUTO_CREATE_US
- myhash.go/** * Created with IntelliJ IDEA. * User: liaojie * Date: 12-
- 前言使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便
- 高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回。看代码：# -*- coding: utf-8 -*-# @File &nb
- 以下是Python基础学习内容的学习笔记的全部内容，非常的详细，如果你对Python语言感兴趣，并且针对性的系统学习一下基础语言知识，下面的
