我想做的是创建一个Web表单,该表单将把放入字段中的信息添加到预定义的文本中。到目前为止,我的代码如下:
<form action="" method="post">
<input type="reset" value="Clear">
<p>
<input type="text" name="casenumber" value="Case Number" onclick="this.select()" size="25"/>
</p>
<p>
<input type="text" name="name" value="Name" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="dealer code" value="Dealer Code" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="cid" value="CID" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="callback" value="Callback#" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="authentication" value="Dealer Authentication" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="email" value="Email" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="ptn" value="PTN" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="ban" value="BAN" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="banauth" value="Ban Authentication" onclick="this.select()" size="25" />
</p>
<p>
<input type="text" name="type" value="Type of Request" onclick="this.select()" size="25" />
</p>
<p>
Actions Taken:<br/>
<textarea name="actions" rows="5" cols="50"></textarea>
</p>
<p>
<input type="submit" value="Submit" />
</p>
现在,我希望将输入到这些字段中的所有信息添加到此
SFDC-TSO案号:此处插入输入
经销商名称:在此处插入输入
经销商代码:此处插入输入
CID:输入已插入此处
回调编号:此处已插入输入
经销商认证:在此处插入输入
电子邮件:输入内容已插入此处
PTN#:输入已插入此处
禁令:输入已插入此处
BAN验证:输入已插入此处
请求类型:此处插入输入
采取的行动:输入已插入此处
尚未找到如何执行此操作的功能,因此不胜感激。
最佳答案
尝试使用占位符属性的以下javascript函数为生成的文本生成值的标题:
/**
* fId: the form id
* dId: the div id which want to add the text to it
**/
function printToDiv(fId, dId){
f = document.getElementById(fId);
i = f.getElementsByTagName('input');
iTxt = Array();
k = 0;
out = '';
for (j = 0; j < i.length; j++){
if (i[j].type == 'text'){
iTxt[k] = i[j];
k++;
}
}
for (n =0; n < iTxt.length; n++){
out += "<b>"+iTxt[n].placeholder+":</b> "+iTxt[n].value+"<br />\n";
}
div = document.getElementById(dId);
div.innerHTML = out;
}
可以在here或here中找到广义的DEMO。当然,您可以通过调用被认为函数内的任何其他函数来对数据进行任何验证,并且可以通过任何所需的方式调用它,例如,从onsubmit事件中调用。