IE8下div中2个按钮只显示一个

来源：互联网发布：行知教育基地编辑：程序博客网时间：2024/06/06 04:11

IE8下div中2个按钮只显示一个，代码如下：

<div id="adviceType" style="display: none;" >    <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >    <option value="-1">--请选择--</option><c:forEach var="bean" items="${listOne }"><option value="${bean.id }">${bean.des}</option></c:forEach></select><select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect"><option value="-1">--请选择--</option></select><input type="hidden" id="adviceMsgLogId"><input id="saveAdviceType" class="retransmission" type="button" value="保存"/><input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>    </div>

如图，只显示【保存】按钮，不显示【隐藏】按钮。dom中显示没问题，但就是不显示。

实在没办法了，打算把【隐藏】的不使用按钮，直接用label，结果按钮可以显示了，如图：

最终代码如下：

<div id="adviceType" style="display: none; " >    <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >    <option value="-1">--请选择--</option><c:forEach var="bean" items="${listOne }"><option value="${bean.id }">${bean.des}</option></c:forEach></select><select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect"><option value="-1">--请选择--</option></select><input type="hidden" id="adviceMsgLogId"><input id="saveAdviceType" class="retransmission" type="button" value="保存"/><input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/><label>&nbsp;</label>    </div>

就加了一行代码。具体原因待研究。

显示div的代码：

$(".left").live("click",function(){var $this = $(this);var width = $this.width();$("#adviceType").css("top",event.clientY+$this.scrollTop()).css("left",event.clientX+$this.scrollLeft()).css("position","absolute").show().height(100).width(600);//随着鼠标的点击改变显示位置})

IE下ajax不起作用，别的浏览器可以，调试之后发现多了个逗号，IE检查还是挺严格的。

0 0