Jquery 隐藏/显示后退按钮
我正在开发一个表单,它有一个小部分隐藏并显示一个div,然后提交到一个页面。我的问题是,当我隐藏div并提交时,然后单击back按钮,div没有被隐藏。这是我的密码:Jquery 隐藏/显示后退按钮,jquery,forms,button,back,Jquery,Forms,Button,Back,我正在开发一个表单,它有一个小部分隐藏并显示一个div,然后提交到一个页面。我的问题是,当我隐藏div并提交时,然后单击back按钮,div没有被隐藏。这是我的密码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script type="text/javascript
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript" src="http://nix.lv/history/jquery-1.2.3.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#Contact').change(function () {
if ($(this).val() == ('Yes')) { $('#sentBy').show(); }
else { $('#sentBy').hide(); }
});
});
</script>
</head>
<body>
<form method="post" action="http://google.com">
<div><p><label for="Contact">Want an answer? </label><br />
<select size="1" name="Contact" id="Contact" onchange="toggle('hide', 'sentBy');">
<option value="Yes" selected="selected">Yes</option>
<option value="No">No</option>
</select></p>
</div>
<div id="sentBy">
this is a test
</div>
<input type="submit" value="wow"/>
</form>
</body>
</html>
jQuery(文档).ready(函数($){
$('#Contact')。更改(函数(){
if($(this.val()==('Yes')){$('sentBy').show();}
else{$('#sentBy').hide();}
});
});
想要答案吗
对
不
这是一个测试
在文档准备就绪时,检查下拉列表的值,并在适当时隐藏div。请尝试此编辑:
jQuery(document).ready(function ($) {
var shouldHideDiv = $('#Contact').val() != 'Yes';
if (shouldHideDiv) {
$('#sentBy').hide();
}
$('#Contact').change(function () {
if ($(this).val() == ('Yes')) { $('#sentBy').show(); }
else { $('#sentBy').hide(); }
});
});
HTTP
是一种无状态协议
——按submit
将失去状态…当您提交表单时,将获得页面的新副本。当然,您的DIV不会被隐藏。JS是客户端语言,当单击“上一步”时,它不会记得选择了哪个选项,除非您使用cookies
@ofirbarch或查询参数、会话变量或本地存储。您完全正确@paislee@user1238850接受这个答案。别忘了投票并接受答案。