javascript - asp 与 javascript

Question

我有一个 asp.net 页面，我想在 asp:DropDownList 的索引为 0 时使用 javascript 在页面上隐藏一个 div。

我知道如何隐藏 div，但我确实需要有关如何使用 javascript 获取 asp:DropDownLists 的选定索引的帮助。

这是我在 javascript 中的内容:

 function hideDiv() {
      var drpCampDock = document.getElementById('drpListCampaignDocketTemplate');
      var drpCampType = document.getElementById('drpCampaignType');

当它到达这个检查时它给出了一个错误。

        if (drpCampDock.selectedIndex == 0) {
           document.getElementById('divBuilderMain').style.visibility = 'hidden';
        }
    }

我得到的错误是

Microsoft JScript runtime error: Object required

Answer 1

我猜你的问题是呈现的选择元素的(客户端)ID 与 asp:DropDownList 的服务器端 ID 不同(查看 HTML浏览器中呈现的源代码以确认这一点)。

要获得正确的客户端元素，您必须使用以下代码:

var drpCampType = document.getElementById('<%= drpCampaignType.ClientID %>');

或者，您可以将 ASP.NET 标记更改为此并将 div 的 ID 和下拉列表的当前选择传递给 javascript 函数:

<asp:DropDownList ... onchange="hideDiv('divBuilderMain', this.value)" />
...
function hideDiv(divId, ddlIndex)
{
  if (ddlIndex == 0) document.getElementById(divId).style.visibility = 'hidden';
}