87,993
社区成员
发帖
与我相关
我的任务
分享easyui-combobox样式 谷歌浏览器history.back()，无法保存值
提交页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../inc/themes/user_defined/easyui.css">
<link rel="stylesheet" type="text/css" href="../inc/themes/icon.css">
<script language="javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<?php
?>
<form action="com.php" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
<select name="select" id="select" class="easyui-combobox">
<option value="5">1</option>
<option value="2">2</option>
<option value="4">3</option>
</select>
<input type="submit" name="button" id="button" value="提交" />
</form>
</body>
</html>
接受页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
window.history.back();
</script>
</body>
</html>
下拉菜单选择2，并提交页面，接受页面返回上一页后，select值变成1，而不是2，而IE浏览器无此问题。
easyui1.5.1版本
利用谷歌浏览器开发工具检测发现 easyui 将select替换成了div的格式进行显示。
下面是谷歌开发工具显示的运行中的页面代码，试过了easyui的1.3.6版本也是这样。
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../inc/themes/user_defined/easyui.css">
<link rel="stylesheet" type="text/css" href="../inc/themes/icon.css">
<script language="javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<form action="com.php" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
<select id="select" class="easyui-combobox combobox-f combo-f textbox-f" textboxname="select" style="display: none;" comboname="select">
<option value="5">1111</option>
<option value="2">22222</option>
<option value="4">33333</option>
</select><span class="textbox combo" style="width: 57px;"><span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1" style="width: 18px; height: 33px;"></a></span><input id="_easyui_textbox_input1" type="text" class="textbox-text validatebox-text" autocomplete="off" tabindex="" placeholder="" style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 33px; line-height: 33px; width: 31px;"><input type="hidden" class="textbox-value" name="select" value="5"></span>
<input type="submit" name="button" id="button" value="提交">
</form>
<div class="panel combo-p" style="position: absolute; z-index: 10; display: none;"><div class="combo-panel panel-body panel-body-noheader" title="" id=""><div id="_easyui_combobox_i1_0" class="combobox-item combobox-item-selected">1111</div><div id="_easyui_combobox_i1_1" class="combobox-item">22222</div><div id="_easyui_combobox_i1_2" class="combobox-item">33333</div></div></div></body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../inc/themes/user_defined/easyui.css">
<link rel="stylesheet" type="text/css" href="../inc/themes/icon.css">
<script language="javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<?php
?>
<form action="com.php" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
<select name="select" id="select" class="easyui-combobox">
<option value="5">1</option>
<option value="2">2</option>
<option value="4">3</option>
</select>
<input type="submit" name="button" id="button" value="提交" />
</form>
</body>
</html>
接受页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
window.history.back();
</script>
</body>
</html>
下拉菜单选择2，并提交页面，接受页面返回上一页后，select值变成1，而不是2，而IE浏览器无此问题。
easyui1.5.1版本
利用谷歌浏览器开发工具检测发现 easyui 将select替换成了div的格式进行显示。
下面是谷歌开发工具显示的运行中的页面代码，试过了easyui的1.3.6版本也是这样。
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../inc/themes/user_defined/easyui.css">
<link rel="stylesheet" type="text/css" href="../inc/themes/icon.css">
<script language="javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<form action="com.php" method="post" enctype="application/x-www-form-urlencoded" name="form1" id="form1">
<select id="select" class="easyui-combobox combobox-f combo-f textbox-f" textboxname="select" style="display: none;" comboname="select">
<option value="5">1111</option>
<option value="2">22222</option>
<option value="4">33333</option>
</select><span class="textbox combo" style="width: 57px;"><span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1" style="width: 18px; height: 33px;"></a></span><input id="_easyui_textbox_input1" type="text" class="textbox-text validatebox-text" autocomplete="off" tabindex="" placeholder="" style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 33px; line-height: 33px; width: 31px;"><input type="hidden" class="textbox-value" name="select" value="5"></span>
<input type="submit" name="button" id="button" value="提交">
</form>
<div class="panel combo-p" style="position: absolute; z-index: 10; display: none;"><div class="combo-panel panel-body panel-body-noheader" title="" id=""><div id="_easyui_combobox_i1_0" class="combobox-item combobox-item-selected">1111</div><div id="_easyui_combobox_i1_1" class="combobox-item">22222</div><div id="_easyui_combobox_i1_2" class="combobox-item">33333</div></div></div></body></html>
...全文
请发表友善的回复…
发表回复
