1

私はスパンを使用するのは初めてです。javascriptスクリプトから取得した情報を同じページに2回印刷しようとしています。

一度取得した情報は印刷できますが、2回目に印刷しても表示されません。

これは動作します 

    <div id="layer4" class="auto-style10" style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 90px">
    <span class="auto-style8"><h4>Incident Details</h4><br />
        </span>
    <br />

&nbsp;<h6> Report ID : </h6> &nbsp; <span id="ReportID"></span> <br />

&nbsp;<h6> Description : </h6> &nbsp; <span id="Description"></span><br />

&nbsp;<h6> Category : </h6> &nbsp; <span id="Category"></span>  <br/>   

&nbsp;<h6> Date and Time : </h6> &nbsp; <span id="DateTime"></span> <br />

&nbsp;<h6> User Id/ Mobile Number : </h6> &nbsp; <span id="UserID"></span><br />
    <br />


<span id="ReportID"></span> 
    <form method="post" action="http://www.al-qarra.com/police_new/map2/changelevel.php" >

<select name="SelectCat" style="position: absolute; width: 60px; z-index: 2;">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input name="reportno" type="hidden" value="<?php echo $_SESSION['incidentid']; ?>">

<input name="ChangeCat" id="SelectCat" type="submit" value="Change Status" style="position: absolute; left: 100px; width: 110px; z-index: 2;"/>

        </form>

</div>

しかし、同じdivを同じページにコピーしても、場所が異なると、情報が表示されません。

    <div id="layer44" class="auto-style10" style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 300px">
    <span class="auto-style8"><h4>Incident Details</h4><br />
        </span>
    <br />

&nbsp;<h6> Report ID : </h6> &nbsp; <span id="ReportID"></span> <br />

&nbsp;<h6> Description : </h6> &nbsp; <span id="Description"></span><br />

&nbsp;<h6> Category : </h6> &nbsp; <span id="Category"></span>  <br/>   

&nbsp;<h6> Date and Time : </h6> &nbsp; <span id="DateTime"></span> <br />

&nbsp;<h6> User Id/ Mobile Number : </h6> &nbsp; <span id="UserID"></span><br />
    <br />

</div>

これは要求された私のJavaScriptです 

</style>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

            $("#ReportID").text(nreportid);
            $("#Description").text(ndesc);
            $("#Category").text(ncat);

    }
  </script>
4

3 に答える 3

1

私はこれまでにいくつかの問題を発見しました：

  • IDが重複していますが、これは許可されていません。
  • これらの要素を別の場所に追加していると思いますが、絶対に配置しているため、重複することになります。
  • <span>要素を空のままにしておきますが、タグの間に追加し&nbsp;ます...作成中にタグスープを持っているように見えます
  • 最初のコードには最後にフォームがありますが、2番目のコードにはありません。それらが重なっているのを見ると、ノードの2番目の束は永遠に隠れたままになる可能性があります。
  • JavaScriptコードには、AFAIKと呼ばれていない2つの（huuge）関数が含まれています。これは失礼/傲慢に出くわすかもしれませんが、FAQで提案されているようにコードを整理してください
  • あなたはz-index、なぜいじっていますか？

しかし、JavaScriptコードを表示していない限り、これらの推測はどれも決定的なものにはなりません。たとえば、を使用している場合はdocument.write('your-html');、それがあなたの問題であり、これからもずっと先に進むことができます...だから、まともなフィドルか何かを設定してください

于 2013-03-13T00:06:09.127 に答える
0

削除してみてください

style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 300px"
于 2013-03-12T23:59:02.497 に答える
0

属性はid一意である必要があります。同じアクションを実行する必要があるページに複数のアイテムがある場合は、class代わりにを使用してください。

于 2013-03-12T23:59:40.087 に答える