Question

我是使用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>

Answer 1

到目前为止，我发现了几个问题：

您有重复的ID，这是不允许的。
你想你是在添加你在其他地方添加这些元素，但是你将它们绝对定位，所以它们必然会重叠
您要将<span>元素留空，但在标记之间添加  ...看起来好像你正在制作标记汤
第一个代码的末尾有一个表单，第二个代码没有。看到它们重叠，第二束节点可能永远隐藏起来。
您的JavaScript代码包含两个（ huuuge ）函数，这些函数未被称为AFAIK。这可能是粗鲁/傲慢，但请按照建议{/ 3}}

整理您的代码

你正在弄乱z-index，为什么？

但是，只要您没有向我们展示您的JavaScript代码，这些猜测都不会得出结论。例如，如果您正在使用document.write('your-html');，我们可以告诉您这是您的问题，并继续我们的方式......所以请in the FAQ

Answer 2

尝试删除

style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 300px"

Answer 3

id属性必须是唯一的。如果页面上有多个您需要执行相同操作的项目，请改用class。

<span> html重复打印</span>

3 个答案: