使用变量在 javascript 中查找控件答案

【问题标题】：Find Control in javascript by using variable使用变量在 javascript 中查找控件
【发布时间】：2019-07-21 13:03:41
【问题描述】：

我必须通过javascript隐藏/取消隐藏asp web表单的面板。请帮忙

for (var l = 1; l <= ddlSizesValue; l++) 
  {
        var Size = "pnlProduct1Design1Color1Size" + l;
        var pnl = document.getElementById('pnlProduct')
       var pnlSize = document.getElementById(Size);
        pnlSize.style.display = 'block';            
   }

在我使用 javascript 之前

System.Web.UI.HtmlControls.HtmlControl pnlSize = (System.Web.UI.HtmlControls.HtmlControl)pnlProduct.FindControl(Size);

在 c# 中找到控件，它工作正常。但为了避免页面加载，我正在使用 javascripting。

提前致谢

【问题讨论】：

标签： javascript c# asp.net findcontrol

【解决方案1】：

要在 Javascript 中隐藏元素，您通常会执行以下操作：

document.getElementById("pnlProduct").style.display = "none";

【讨论】：

pnlProduct 是面板的 ID。在 var Size 中，我插入了另一个我想显示/隐藏的面板的 ID，它位于“pnlProduct”中

【解决方案2】：

我已经通过将可变大小更改为：

  var Size = "ctl00_ContentPlaceHolder1_ucSetProduct1Detail_pnlProduct1Design1Color1Size" + l;

现在它工作正常。

【讨论】：