我将尝试用一个例子来描述这个过程 .
假设表单的结构是:
First Name: [text first_name]
Last Name: [text last_name]
Email: [email email]
并且您希望使用作为URL参数接收的值预先填充这些字段,例如:
在表单内容的末尾输入以下代码:
var urlParams = new URLSearchParams(window.location.search);
if(urlParams.has('first_name'))
document.getElementsByName('first_name')[0].value = urlParams.get('first_name');
if(urlParams.has('last_name'))
document.getElementsByName('last_name')[0].value = urlParams.get('last_name');
if(urlParams.has('email'))
document.getElementsByName('email')[0].value = urlParams.get('email');
因此,完整表单的结构(在此假设情况下)将是:
First Name: [text first_name]
Last Name: [text last_name]
Email: [email email]
var urlParams = new URLSearchParams(window.location.search);
if(urlParams.has('first_name'))
document.getElementsByName('first_name')[0].value = urlParams.get('first_name');
if(urlParams.has('last_name'))
document.getElementsByName('last_name')[0].value = urlParams.get('last_name');
if(urlParams.has('email'))
document.getElementsByName('email')[0].value = urlParams.get('email');
就这样 .