我有一个文件输入,可以显示在下表中选择的多个文件,该表有两列,一是文件名,二是要在每列中显示的文件路径。
问题是它没有在表格列中显示文件名,我想选择多个文件并将其显示在下面的列中。问题是单击警报框的确定按钮后,文件路径消失了。
请告诉我如何在不使用警告框和单击提交后在表格列中显示文件路径和名称。
这是我的代码:-
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function xyz()
{
var inp = document.getElementById('sel_ect').value;
document.getElementById('txt').value = inp;
alert("here is a file name: " +inp);
}
</script>
</head>
<body>
<form name="sel_f" id="select" method="post" enctype="multipart/form-data">
<table>
<tr><td><label for="sel_ect">Select File</label></td>
<td><input type="file" id="sel_ect" name="sel" /></td>
</tr>
</table>
<center>
<input type="Submit" value="Submit" name="Submit" onclick="xyz()" />
<input type="Reset" value="Reset" name="Reset"/>
</center>
<table id="file" width="96%" align="center" cellpadding="0" cellspacing="0" border="1">
<tr id="row" >
<th>File name</th>
<th>File Path</th>
</tr>
<tr>
<td width="47" height="14"><input type="text" id="txet" size="10" value="" name="bgi" ></td>
<td width="137" height="14"><input type="text" id="txt" size="10" value="" name="bg" ></td>
</tr>
</table>
</form>
</body>
</html>