javascript - 无法设置属性 'visibility' 或 'display'

Question

我在数据网格中有一个下拉列表框，我需要隐藏或显示它。我可以得到元素。但是，我收到错误“无法设置未定义或空引用的属性“显示””。当我想隐藏它的时候。我尝试使用可见性，它也有相同类型的错误。有人会告诉我该怎么做吗？谢谢

我的控制:

<asp:dropdownList ID="dropID" runat="server" cssclass="selectColor w175 show"/>

我的样式表中的类:

.show   {
display: normal;
}    

.selectColor {

color: #333333; }       


.w175 { width:175px; }

我的 JavaScript 函数:

function NeedChange(id) {
 var dropID = document.getElementById(id);
  if (dropID!=undefined ){
    //dropID.style.visibility="hidden";
    dropID.style.display='none';
}
 }

Answer 1

你的方法的问题是页面上不存在ID dropID，你的javascript无法找到它。 asp.net 将重复数据的元素(GridView、ListView、Repeater 等)中的 ID 转换为如下所示:ContentPane1_GridView1_DropDownList1_0。因此，为了显示/隐藏特定的 DropDownList，您需要知道行号。您可以通过以下方式获得其余的 ID:

<script type="text/javascript">
    var myElement = "<%= GridView1.ClientID %>_dropID_" + rowNumber;
    // becomes ContentPane1_GridView1_dropID_24

    document.getElementById(myElement).style.display = "none";
</script>

棘手的部分是获取行号。这取决于您的网格设计以及您想要隐藏下拉菜单的原因和方式；