Question

按钮点击后如何打开可折叠面板。按钮位于第一页，然后是第二页上的可折叠面板。

这是我的可折叠面板细节。

   <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        Medicine
        </a>
        </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
        <form action="transaction.php" method="POST">
        <div class="col-md-6">
        <div class="panel panel-info">
        <div class="panel-heading"><h7>Medicine Type : </h7></div>
        <div class="panel-body">
        <select name="selectmedicine" class="form-control col-sm-4" id="medicinename">
        <option id="0" style="width:100px"></option>

这是我的脚本代码 - 无法正常工作

     <script type="text/javascript">
    $('#collapseone').collapseone({
    toggle: true
    });
    </script>

我应该把脚本代码放在第一页还是第二页？

Answer 1

这样的代码..当我点击第1页的按钮时，我会将项目名称设置为abc，在第2页中它将检查该项目名称是否为abc，如果是abc那么你的特定面板将是显示。

第1页：

<input type="button" id="btnQueryString" onClick="submit()" value="Send" />
<script type="text/javascript">
    function submit()
 {
       //write ur code what u want
        var myvalue = "abc";
'<%Session["name"] = "' + myvalue + '"; %>';
 }

第2页：

 <script type="text/javascript">
 var newvalue = '<%= Session["name"] %>';
  if( newvalue == abc)
{
   document.getElementById('Panel1').style.display = "block";
}
else
{
 document.getElementById('Panel1').style.display = "none";
}
</script>

在page1中，我编写了一个名为submit的方法，此方法用于向page2发送值，只是为了通知单击该按钮，我将在按钮中调用此方法，如onClick =“submit”。

在第2页中，首先我将检查会话值，如果在page1中单击了按钮，则值为：abc：否则它将为空。因此，如果值为abc，我将显示面板。

如何在按钮单击后打开可折叠面板

1 个答案: