Javascript 是否可以在我单击按钮的同时显示隐藏的div？

这是我隐藏的部门

<div id="showInstituteOne" style="display:none">
      <h3>Institutes</h3>
      <div class="form-group">
          <label class="col-sm-3 control-label">Institute</label>
          <div class="col-sm-9">
               @Html.TextBoxFor(m => m.StudentInstitutes[1].Name, new { @class = "form-control student-institute", @id = "studentInstitute" })
          </div>
     </div>
</div>

---

我想在按下按钮的次数相同的情况下显示div。单击Count可更新输入字段的id号。

只需将js更改为此即可

var countClick = 0;
    function showDiv() {
        var el = document.getElementById('showInstituteOne');
        el.style.display = "block";
           if (countClick > 0) {
              document.getElementById(>>parent id here<<).appendChild(el.cloneNode(true));
           }
        countClick++;
     }

var countClick=0；
函数showDiv（）{
var el=document.getElementById（'showInstituteOne'）；
el.style.display=“块”；
如果（单击>0）{
getElementById（>>此处的父id只需将js更改为

var countClick = 0;
    function showDiv() {
        var el = document.getElementById('showInstituteOne');
        el.style.display = "block";
           if (countClick > 0) {
              document.getElementById(>>parent id here<<).appendChild(el.cloneNode(true));
           }
        countClick++;
     }

var countClick=0；
函数showDiv（）{
var el=document.getElementById（'showInstituteOne'）；
el.style.display=“块”；
如果（单击>0）{
document.getElementById（>>此处的父id您的意思是显示其他隐藏的div，而不是您拥有它的id的div（在您的示例id=“showInstituteOne”）吗

如果是，则不能在函数showDiv中使用相同的逻辑显示其他div

您可以将相同的类名添加到多个div中，并通过运行一个函数来显示所有div

像这样：

function showDiv() {
  var divs = document.getElementsByClassName('showInstitute');
  for(var i = 0; i < divs.length; i++){
      divs[i].style.display = "block";
  };
}

函数showDiv（）{
var divs=document.getElementsByClassName（'showInstitute'）；
对于（变量i=0；i
您的意思是显示除您的ID以外的其他隐藏div（在您的示例ID=“showInstituteOne”）吗

如果是，则不能在函数showDiv中使用相同的逻辑显示其他div

您可以将相同的类名添加到多个div中，并通过运行一个函数来显示所有div

像这样：

function showDiv() {
  var divs = document.getElementsByClassName('showInstitute');
  for(var i = 0; i < divs.length; i++){
      divs[i].style.display = "block";
  };
}

函数showDiv（）{
var divs=document.getElementsByClassName（'showInstitute'）；
对于（变量i=0；i
你的问题在哪里？你的代码不起作用吗？你想重复div吗？因为visible是可见的，无论你多久让它可见一次。我的代码工作正常。当我第一次单击按钮时，它会显示隐藏的div，但我想要的是在我第二次单击按钮时重复div。@Fahad一种方法是在每次单击事件中将所需的html附加到div元素。我在代码中看到razor语法，您使用的是mvc还是web表单？如果使用mvc，您可以在每次单击时呈现部分视图。我使用的是mvc。@YouknowMe您的问题出在哪里？您的代码不起作用吗？是否要重复div？因为无论您多长时间单击一次，可见都是可见的它是可见的。我的代码工作正常。当我第一次单击按钮时，它会显示隐藏的div，但我想要的是在我第二次单击按钮时重复该div。@Fahad一种方法是在每次单击事件中将所需的html附加到div元素。我在代码中看到razor语法，您使用的是mvc还是web表单？如果mvc，您可以在每次单击时呈现部分视图。我正在使用mvc。@YouKnowMeI不认为这会起作用，因为他在该分区中使用了HtmlHelper。上面评论中发布的YouKnowMe链接应该会起作用。它会起作用，因为当我们单击按钮时，HTML已经呈现。所以我只是复制HTML和appending我已经尝试过克隆（）但在我的例子中，输入字段是这样的：-因此，当它产生一个复杂的id时，我如何用countClick更改id的索引号。@Fahad，以及它应该是什么样子？这是您正在生成的razor@Leo你只需要在那里复制html。但是HtmlHelper将文本框绑定到一个模型，使值成为动态的。我不认为这是正确的由于他在该div中使用了HtmlHelper，因此可以正常工作。上面评论中发布的YouKnowMe链接应该可以做到这一点。这会起作用，因为当我们单击按钮时，HTML已经呈现。因此我只是复制HTML并附加它。我尝试了克隆（）但在我的例子中，输入字段是这样的：-因此，当它产生一个复杂的id时，我如何用countClick更改id的索引号。@Fahad，以及它应该是什么样子？这是您正在生成的razor@Leo你只需要在那里复制html。但是HtmlHelper将文本框绑定到一个模型，使值成为动态的。不，我只有一个隐藏项n div。除此之外，如果我从父div克隆，如何在每次单击按钮时更改id索引否，我只有一个隐藏的div。除此之外，如果我从父div克隆，如何在每次单击按钮时更改id索引