1

我是使用 span 的新手。我正在尝试在同一页面上打印两次从 javascript 脚本中获得的信息。

我可以打印一次获得的信息，但是当我决定第二次打印信息时，它不会显示

这个有效 

    <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;在标签之间添加...看起来您正在制作标签汤
  • 第一个代码末尾有一个表格，第二个没有。看到它们重叠，它们的第二组节点可能会永远隐藏起来。
  • 您的 JavaScript 代码包含两个 ( huuuge ) 函数，它们不被称为 AFAIK。这可能会让人觉得粗鲁/傲慢，但请按照常见问题解答中的建议整理您的代码
  • 你在捣乱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属性必须是唯一的。如果您需要在页面上执行相同操作的多个项目，请改用 a class。

于 2013-03-12T23:59:40.087 回答