切换按钮作为显示隐藏答案

【问题标题】：toggle button as show hide切换按钮作为显示隐藏
【发布时间】：2019-09-28 16:12:22
【问题描述】：

我想根据下拉值将按钮（显示）切换为显示隐藏，但是当我单击另一个按钮（搜索）时，页面会重新加载，并且按钮（显示）如果较早可见则设置为隐藏作为切换我在 .change 函数上写的函数。我希望按钮（显示）即使在页面重新加载后也可见

这是我的cshtml代码

<div id = "search-container">
@using (Html.BeginForm("Search","Home",Formthod.Post,new{id="values"})){
<table>
<tr>
<td>
@Html.DropDownListFor(m=>m.Search.clientID,Model.ClientList,"All",
new{id = "sp-client"}
</td>
</tr>
<tr>
 <input type ="submit" value="search" id="search" value="search"/>
 <input type ="button" value="display" id="display" value="display"/>
</tr>

}
<script>
$('#sp-client').change{ function(){
if($client.val()==32)
{$("display").show()}
else
{$("display").hide()}
}
}
</script>

任何建议都会有所帮助

【问题讨论】：

您需要在控件中启用回发并检查页面是否回发How can I check for IsPostBack in JavaScript?
How to detect/track postback in javascript?的可能重复

标签： c# asp.net

【解决方案1】：

根据下拉值将按钮（显示）切换为显示隐藏：

$( "#p-client" ).change(function() {
if($client.val()===32)
{$("#display").show()}
else
{$("#display").hide()}
});

【讨论】：

【解决方案2】：

如果页面重新加载并且您希望某个元素立即可见，只需引用它并在脚本顶部使用 .show() 在函数之外。这样，当脚本在刷新时加载时，元素被指示为可见。如果它不起作用，您可以将元素的 .show 函数封装在 $(document).ready(function(){Show code here});在脚本的顶部或底部。

【讨论】：