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