javascript - How to generate <form:input> tags dynamically from JS? -
i need generate 2 type of fields, specific tags <form:input> , <form:hidden> dynamically js. first 1 <form:input> should input field second, must hidden. problem <form:input> not recognized input , it's not shown @ all. can seen page source code.
if (bank != null) { var fields = bank.additionalfields; var additionalrows = document.getelementbyid("additionalrows"); (i = 0; < fields.length; i++) { //from here generates jsp inputs: //1 - <form:input> //2 - <form:hidden> each element fields var forminput = document.createelement("form:input"); var formhidden = document.createelement("form:hidden"); forminput.setattribute("path", "paymentinfo.fields[" + + "].value"); formhidden.setattribute("path", "paymentinfo.fields[" + + "].id"); forminput.setattribute("type", "text"); formhidden.setattribute("type", "text"); forminput.setattribute("value", ""); formhidden.setattribute("value", fields[i].id); additionalrows.appendchild(forminput); additionalrows.appendchild(formhidden); } } other <form:input> fields generated jsp appearing on page. link generated page source code >> https://dl.dropboxusercontent.com/u/106355152/form_input.png how can resolved?
what trying cannot done. <form:input> , <form:hidden> appear server side tags - why working java end.
you can generate regular , tags using javascript in way similar current approach:
var forminput = document.createelement("input"); var formhidden = document.createelement("input"); forminput.setattribute("type", "text"); formhidden.setattribute("type", "hidden"); and append them form.
Comments
Post a Comment