如何在单击按钮后打开可折叠面板。按钮位于第一页,然后可折叠面板位于第二页。
这是我的可折叠面板详细信息。
<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>
我应该将脚本代码放在第一页或第二页的哪里?
最佳答案
编写类似这样的代码..当我单击第 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”。
在 page2 中,首先我将检查 session 值,如果在 page1 中单击按钮,则该值将为 :abc: ,否则将为空。因此,如果值为 abc ,我将显示面板。
关于javascript - 单击按钮后如何打开可折叠面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32175773/