0

私のSpringWebアプリケーションでは、顧客登録ページで、text、img、およびa-ref要素を含むdivを追加および削除しています。同じjsp内にコードを書くと、ページは完全に機能しますが、JavaScriptコードをjsファイルに入れてインポ​​ートし、[追加]ボタンをクリックすると、次のようにスクリプトコードとともに新しいdivが挿入されます。

下の画像では、「+」記号ボタンを押すと、テキストフィールドと閉じるボタンとimgを含む行を追加するjs関数を呼び出すつもりですが、これの代わりにコードが表示されます

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);}

何がうまくいかなかったのか考えてみませんか？どんな助けでも大歓迎です。

4

2 に答える 2

1

引用をエスケープしていないので、スクリプトがそこにあることを確認してください。これを試してください

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

エスケープがありません..."\"urimgタグに...

ワットc：urlが...

お役に立てれば

于 2012-11-05T10:46:42.213 に答える
-1

あなたの部分をタグとしてレンダリングしようとしていると思い<c:urlます....文字列内のそれらの画像へのパスを明示的に提供できますか？

于 2012-11-05T10:35:15.337 に答える