Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript创建新元素_Javascript_Spring_Jsp - Fatal编程技术网

使用javascript创建新元素

使用javascript创建新元素,javascript,spring,jsp,Javascript,Spring,Jsp,在我的SpringWeb应用程序中,对于客户注册页面,我正在添加和删除包含文本、img和a-ref元素的div。当我在同一个jsp中编写代码时,页面工作得很好,但根据我的要求,当我尝试将javascript代码放入js文件并导入它,然后单击add按钮时,会插入一个新的div以及脚本代码,如下所示 我用来添加div的js函数是 function addInputBox() { var ni = document.getElementById('myDiv'); var numi = docu

在我的SpringWeb应用程序中,对于客户注册页面,我正在添加和删除包含文本、img和a-ref元素的div。当我在同一个jsp中编写代码时,页面工作得很好,但根据我的要求,当我尝试将javascript代码放入js文件并导入它,然后单击add按钮时,会插入一个新的div以及脚本代码,如下所示

我用来添加div的js函数是

function addInputBox() { 
var ni = document.getElementById('myDiv'); 
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my'+num+'Div';

newdiv.setAttribute('id',divIdName); 
var htmlString  = '<div style="margin-top: 5px"><input type="text"name="service_name" title="Service Name" maxlength="200" style="width:400px;vertical-align:middle;"/>'+ 
                            '<a href="javascript:removeInputBox(\''+divIdName+'\')"><img src="<c:url value="/resources/img/common/x.png" />" alt="" style="vertical-align:middle;margin-left: 5px"/></a>'+
                            '<img src="<c:url value="/resources/img/ope/new.png" />" style="vertical-align:middle;margin:2px 0 0 2px;margin-left: 5px" /> </div> ';

newdiv.innerHTML = htmlString; 
ni.appendChild(newdiv);} 
函数addInputBox(){
var ni=document.getElementById('myDiv');
var numi=document.getElementById('theValue');
var num=(document.getElementById('theValue')。value-1)+2;
numi.value=num;
var newdiv=document.createElement('div');
var divIdName='my'+num+'Div';
newdiv.setAttribute('id',divIdName);
变量htmlString=''+
''+
““style=”垂直对齐:中间;边距:2px 0 0 2px;左边距:5px”/>”;
newdiv.innerHTML=htmlString;
ni.appendChild(newdiv);}

知道哪里出了问题吗?如果您能提供帮助,我们将不胜感激。

我想这是为了让您的
非常确定脚本在那里,因为您没有逃避引用。。试试这个

<img src="<c:url value=\"/resources/img/common/x.png\" />" alt="" style="vertical-align:middle;margin-left: 5px"/></a>'+
                        '<img src="<c:url value=\"/resources/img/ope/new.png\" />" style="vertical-align:middle;margin:2px 0 0 2px;margin-left: 5px" /> 
“alt=”“style=“垂直对齐:中间;左边距:5px”/>”+
“”style=“垂直对齐:中间;保证金:2px 0 0 2px;左边距:5px“/>
在您的img标签中缺少escape…\”

不确定wat c:url是否为


希望这有帮助

?打断我其余的答案!!我想说的是,它试图呈现问题,但这并不能提供问题的答案。若要批评或要求作者澄清,请在他们的帖子下方留下评论…@Echilon-这怎么不是答案?“尝试明确的路径。”“@bipen可能你是对的,逃避那些引用是一项乏味的工作,我试图分别克隆div,但问题是当我试图在该div中的元素之间插入新元素时。它会在每一个div的新行中显示。有没有办法在同一行中附加div?BTW是用于重定向到给定url的JSTL标记。