我有一个文件输入,可以显示在下面的表格中选择的多个文件,其中有两列,一个是文件名,第二个是每列中要显示的文件路径。
问题是它没有在表列中显示文件名,我想选择多个文件并在下面的列中显示。问题是单击警告框的ok按钮后文件的路径正在消失。
请告诉我如何在不使用警告框的情况下在表格栏中显示文件路径和名称,然后点击提交。
这是我的代码: -
<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>
答案 0 :(得分:0)
更改
<input type="Submit" value="Submit" name="Submit" onclick="xyz()" />
到
<input type="button" value="Submit" name="Submit" onclick="xyz()" />
如果需要,请在你的javascript函数内提交。