Question

在WordPress中开发学校网站，需要以pdf格式上传服务器中学生的进度报告。进度报告的文件名将是学生的入学号码（例如123.pdf）。当学生在输入框中输入他们的入学号码时，他们应该下载他们的进度报告文件。截至目前，使用下面的表格框重定向到文件网址。

<script>
function process()
{
var url="http://demo.websign.in/" + 
document.getElementById("url").value;
location.href=url;
return false;
}
</script>
<form onSubmit="return process();">
ENTER YOUR ADMISSION NUMBER: <input type="text" name="url" id="url"> 
<input type="submit" value="DOWNLOAD">
</form>

任何帮助，因为我是主题开发人员，对编码知之甚少？

Answer 1

您不需要表单标签来下载文件。而不是键入“提交”使用“按钮”。你需要的js是这样的：

function myFunction()
		{
			var downloadUrl = document.getElementById("url").value;
			document.getElementById("downlod").href = downloadUrl + '.pdf';
		}

<div>
			<label>ENTER YOUR ADMISSION NUMBER:</label> <input type="text" name="url" id="url" onkeypress="myFunction()"> 
			<a href="foo" id="downlod" download><span>Download</span></a>
		</div>

表单输入框下载文件

1 个答案: