Question

我正在尝试使用java脚本创建表单，创建表单但不替换表单的动态param值。以下是我的表格......

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>';

在上面的表格中，标签标签值（动态参数值）会更新，但输出和选择标签值（动态参数值）的形式不会在输出中更新。

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

Answer 1

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

<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>

Answer 2

JAVA！= JAVASCRIPT

注意：

<form:form>

这是服务器端Java。

您的Javascript仅限客户端。

Answer 3

<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()">

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

3 个答案: