切换按钮为显示隐藏

时间:2019-05-10 18:15:04

标签: c# asp.net

我想基于下拉值将按钮(显示)切换为显示隐藏,但是当我单击另一个按钮(搜索)时,页面会重新加载,如果先前可见,则将按钮(显示)设置为隐藏作为切换我在.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>

任何建议都会有所帮助

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

根据下拉值将按钮(显示)切换为显示隐藏:

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