如何使用javascript创建具有动态参数的表单？

我正在尝试使用java脚本创建一个表单，表单已经创建，但是表单的动态参数值没有被替换。以下是我的表格

var formVar='<form:form name="service_form" commandName="command1" action="/serviceProcess" method="post">';

formVar+='<label for="'+ paramsdata[2] + '">'+paramsdata[3]+'</label><br/>';
formVar+='<form:input type='+paramsdata[2]+' path="webParamMap['+paramsdata[2]+'].webValue"  value='+ paramsdata[5] +'  class="input"></form:input><br>' ;

 formVar+='<label for=" '+paramsdata[2]+' ">'+paramsdata[3]+'</label><br/>';
formVar+='<div id="select">';
formVar+='<form:select path="webParamMap[' +paramsdata[2] + '].webValue">';
formVar+='<form:option value='+paramdata[8]+'>'+paramdata[9]+'</form:option>';
 formVar+='</form:select></div>';
formVar+='</form:form>';

var formVar=''；
formVar+=''+paramsdata[3]+'
；
formVar+='
'；
formVar+=''+paramsdata[3]+'
；
formVar+=''；
formVar+=''；
formVar+=''+paramdata[9]+''；
formVar+=''；
formVar+=''；

在上述表单中，标签标签值（动态参数值）会更新，但表单：input和select标签值（动态参数值）不会在输出中更新

---

请帮助我如何使用动态参数创建这些标记？

使用以下脚本，每个元素都会获得正确的值。我想知道你为什么要用“

<script>
    var paramsdata = new Array();;
    paramsdata[2]='param2';
    paramsdata[3]='param3';
    paramsdata[5]='param5';
    paramsdata[8]='param8';
    paramsdata[9]='param9';

    var formVar='<form:form name="service_form" commandName="command1" action="/serviceProcess" method="post">';

    formVar+='<label for="'+ paramsdata[2] + '">'+paramsdata[3]+'</label><br/>';
    formVar+='<form:input type='+paramsdata[2]+' path="webParamMap['+paramsdata[2]+'].webValue"  value='+ paramsdata[5] +'  class="input"></form:input><br>' ;

    formVar+='<label for=" '+paramsdata[2]+' ">'+paramsdata[3]+'</label><br/>';
    formVar+='<div id="select">';
    formVar+='<form:select path="webParamMap[' +paramsdata[2] + '].webValue">';
    formVar+='<form:option value='+paramsdata[8]+'>'+paramsdata[9]+'</form:option>';
    formVar+='</form:select></div>';
    formVar+='</form:form>';
    document.body.innerHTML = formVar;
</script>

var paramsdata=新数组（）；；
paramsdata[2]=“param2”；
paramsdata[3]=“param3”；
paramsdata[5]=“param5”；
paramsdata[8]=“param8”；
paramsdata[9]=“param9”；
var formVar=''；
formVar+=''+paramsdata[3]+'
；
formVar+='
'；
formVar+=''+paramsdata[3]+'
；
formVar+=''；
formVar+=''；
formVar+=''+参数[9]+''；
formVar+=''；
formVar+=''；
document.body.innerHTML=formVar；

JAVA！=JAVASCRIPT

注意:

<form:form>

这是服务器端Java

您的Javascript仅用于客户端。

<script>

//helper function to create the form
function getNewSubmitForm(){
 var submitForm = document.createElement("FORM");
 document.body.appendChild(submitForm);
 submitForm.method = "POST";
 return submitForm;
}

//helper function to add elements to the form
function createNewFormElement(inputForm, elementName, elementValue){
 var newElement = document.createElement("<input name='"+elementName+"' type='hidden'>");
 inputForm.appendChild(newElement);
 newElement.value = elementValue;
 return newElement;
}

//function that creates the form, adds some elements
//and then submits it
function createFormAndSubmit(){
 var submitForm = getNewSubmitForm();
 createNewFormElement(submitForm, "field1", "somevalue");
 createNewFormElement(submitForm, "field2", "somevalue");
 submitForm.action= "someURL";
 submitForm.submit();
}
</script>

<input type="button" value="Click to create form and submit" onclick="createFormAndSubmit()">

//帮助器函数来创建表单
函数getNewSubmitForm（）{
var submitForm=document.createElement（“表单”）；
document.body.appendChild（submitForm）；
submitForm.method=“POST”；
返回提交表格；
}
//用于向窗体中添加元素的帮助器函数
函数createNewFormElement（inputForm、elementName、elementValue）{
var newElement=document.createElement（“”）；
inputForm.appendChild（新元素）；
newElement.value=元素值；
返回新元素；
}
//创建表单的函数，添加一些元素
//然后提交
函数createFormAndSubmit（）{
var submitForm=getNewSubmitForm（）；
createNewFormElement（submitForm，“field1”，“somevalue”）；
createNewFormElement（submitForm，“field2”，“somevalue”）；
submitForm.action=“someURL”；
submitForm.submit（）；
}

尝试删除“表单：”…这是什么？只要删除它就可以了…请参阅表单：表单是服务器端java:DIts不建议使用“document.write（）“hai Yasin感谢您的回复，但是当我将formVar附加到jsp中的一个div中时，它是这样生成的输出。输入当前PIN

输入新PIN
…我在浏览器中将此作为查看页面源。