如果保存点击过的下拉菜单值?

angrymouse 2011-10-12 10:12:23
有一页面,内有三个select控件,一个提交按钮。现在想每次提交之后,三个控件的选择项保留提交之前选择的,用JS写好几天了也写不出来,求教!
PS:不用ajax,因为这页面需要刷新的东西太多,感觉用ajax不太方便。

上代码:
这是主页面代码:

<form method="POST" action="<?=site_url('home/query_timeid')?>">
<p style="text-align:center">周报区间:

<select name="year">
<option selected value="2011">2011年</option>
<option value="2012">2012年</option>
<option value="2013">2013年</option>
<option value="2014">2014年</option>
<option value="2015">2015年</option>
</select>
<select id="month" name="month" size="1">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="7">7月</option>
<option value="8">8月</option>
<option value="9">9月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
<select name="week">
<option value="1">第一周</option>
<option value="2">第二周</option>
<option value="3">第三周</option>
<option value="4">第四周</option>
<option value="5">第五周</option>
</select>

<input type="submit" name="submit" value=" 查询 "/>
</form>

这是写在head里的script:
<script language="javascript" type="text/javascript">
function save() {
var monthId = document.getElementById("month").selectedIndex;
document.cookie = "monthId=" + monthId;

var weekId = document.getElementById("week").selectedIndex;
document.cookie = 'weekId=' + weekId;
}

window.onload = function ()
{
var cookieData=new String(document.cookie);
var cookieHeader="monthId=";
var cookieStart=cookieData.indexOf(cookieHeader)+cookieHeader.length;
var cookieEnd=cookieData.indexOf("; ",cookieStart);
if(cookieEnd!=-1)
{
cookieEnd=cookieData.length;
}
if(cookieData.indexOf(cookieHeader)!=-1)
{
//alert(cookieData.substring(cookieStart,cookieEnd));

}
else
{
//alert("not found!");
save();
}

}
</script>

alert出来的值每次都一样,哎
...全文
219 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
gmemai 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 13 楼 angrymouse 的回复:]

引用 10 楼 gmemai 的回复:

<html>
<head>
<script language="javascript" type="text/javascript">
function save() {
var monthId = document.getElementById("month").selectedIndex;
document.cookie = "mont……
[/Quote]
你应该是刷新了之后在进来
Loop-break 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 angrymouse 的回复:]

引用 7 楼 lxl888 的回复:

<script language=javascript>
<%
syear = request.form("year");
smouth = request.form("month");
sday = request.form("day");
if (syear<>"" &amp;&amp; smonth<>"" &a……
[/Quote]
刷新之后肯定没有了,用application保存值就可以了
luyun2011 2011-10-12
  • 打赏
  • 举报
回复
提交的时候你刷新页面了是吧
那就在提交时把下拉框的值传过去,跳回来时再传回来啊
angrymouse 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 gmemai 的回复:]

<html>
<head>
<script language="javascript" type="text/javascript">
function save() {
var monthId = document.getElementById("month").selectedIndex;
document.cookie = "monthId=" + monthId;
……
[/Quote]

你给我代码我试了下,不行,没有弹出框,说明 alert(cookieData.substring(cookieStart,cookieEnd));这句根本就没有执行

我的JS水平很菜,不好意思,还请大家帮帮忙。
angrymouse 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 lxl888 的回复:]

<script language=javascript>
<%
syear = request.form("year");
smouth = request.form("month");
sday = request.form("day");
if (syear<>"" && smonth<>"" && sday<>"")
{
%>
……
[/Quote]

这段代码什么意思?刷新之后不能保存select值啊
angrymouse 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 wby13579 的回复:]

LZ写了这么多实在没耐心看,
LZ要的就是点击查询完以后,又返回这个页面,然后三个select是点击查询之前的

直接在这个页面加三个隐藏域
<input type='hidden' name='year' id='yearString'>
后台定义三个属性,String year,查询完一块返回给页面
前台直接判断
if(""!=$("#yearString").val() &a……
[/Quote]


隐藏域的方法我试过,不行,刷新之后隐藏域也成空了
gmemai 2011-10-12
  • 打赏
  • 举报
回复
<html>
<head>
<script language="javascript" type="text/javascript">
function save() {
var monthId = document.getElementById("month").selectedIndex;
document.cookie = "monthId=" + monthId;

var weekId = document.getElementById("week").selectedIndex;
document.cookie = 'weekId=' + weekId;
}

window.onload = function ()
{
var cookieData=new String(document.cookie);
var cookieHeader="monthId=";
var cookieStart=cookieData.indexOf(cookieHeader)+cookieHeader.length;
var cookieEnd=cookieData.indexOf("; ",cookieStart);
if(cookieEnd!=-1)
{
cookieEnd=cookieData.length;
}
if(cookieData.indexOf(cookieHeader)!=-1)
{
alert(cookieData.substring(cookieStart,cookieEnd));

}
else
{
alert("not found!");

}
save();
}
</script>

</head>
<body>
<form method="POST" action="<?=site_url('home/query_timeid')?>">
<p style="text-align:center">周报区间:

<select name="year">
<option selected value="2011">2011年</option>
<option value="2012">2012年</option>
<option value="2013">2013年</option>
<option value="2014">2014年</option>
<option value="2015">2015年</option>
</select>
<select id="month" name="month" size="1">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="7">7月</option>
<option value="8">8月</option>
<option value="9">9月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
<select name="week">
<option value="1">第一周</option>
<option value="2">第二周</option>
<option value="3">第三周</option>
<option value="4">第四周</option>
<option value="5">第五周</option>
</select>

<input type="submit" name="submit" value=" 查询 "/>
</form>
</body>
</html>

gmemai 2011-10-12
  • 打赏
  • 举报
回复
你的save方法根本就没有调用过,你把你的save()不要放在if语句中就没有问题了,不过这个代码还有很多地方需要修改
gmemai 2011-10-12
  • 打赏
  • 举报
回复
<html>
<head>

<script language="javascript" type="text/javascript">
function save() {
alert(11);
var fm = document.getElementById("fm");
var monthId = document.getElementById("month").selectedIndex;
document.cookie = "monthId=" + monthId;
alert(document.cookie);
alert(22);
fm.submit();
}
window.onload = function ()
{
var cookieData=new String(document.cookie);
alert(cookieData);
var cookieHeader="monthId=";
var cookieStart=cookieData.indexOf(cookieHeader)+cookieHeader.length;
var cookieEnd=cookieData.indexOf("; ",cookieStart);
alert(cookieEnd);
if(cookieEnd!=-1)
{
var month = cookieData.substring(cookieStart,cookieEnd);
alert(month);
document.getElementById("month").value=2;

}

}
</script>

</head>
<body>

<form method="POST" id="fm" action="<?=site_url('home/query_timeid')?>">
<p style="text-align:center">周报区间:

<select id="month" name="month" size="1">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="7">7月</option>
<option value="8">8月</option>
<option value="9">9月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>

<input type="button" onclick="save();" value=" 查询 "/>
</form>
</body>
</html>
晨晨 2011-10-12
  • 打赏
  • 举报
回复
<script language=javascript>
<%
syear = request.form("year");
smouth = request.form("month");
sday = request.form("day");
if (syear<>"" && smonth<>"" && sday<>"")
{
%>
document.body.form1.year = <%=syear %>;
document.body.form1.month = <%=day %>;
document.body.form1.day = <%=day %>;
<%
}
%>
</script>
wby13579 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 liangws 的回复:]
LZ的意思是刷新也能保存值,肯定是要在cookie里面保存的
[/Quote]

之前碰到过这种情况,我上面那种方法也行。
不过得感谢3楼,给我提供一种思路,当初自己做的时候怎么就没想到呢
晨晨 2011-10-12
  • 打赏
  • 举报
回复
这就需要你,把三个下拉框提交的值,在提交刷新后,重新分别赋值给三个下拉框
BLUE_LG 2011-10-12
  • 打赏
  • 举报
回复
好吧,document.cookie
剩下的自己上网搜索吧。。。
liangws 2011-10-12
  • 打赏
  • 举报
回复
LZ的意思是刷新也能保存值,肯定是要在cookie里面保存的
wby13579 2011-10-12
  • 打赏
  • 举报
回复
咦是select,或者
var obj = document.getElementById("year");
for (var i = 0; i < obj.options.length; i++) {
if (obj.options[i].value == $("#yearString").val()) {
obj.options[i].selected=true;
break;//好像是return false;
}
}
}

wby13579 2011-10-12
  • 打赏
  • 举报
回复
LZ写了这么多实在没耐心看,
LZ要的就是点击查询完以后,又返回这个页面,然后三个select是点击查询之前的

直接在这个页面加三个隐藏域
<input type='hidden' name='year' id='yearString'>
后台定义三个属性,String year,查询完一块返回给页面
前台直接判断
if(""!=$("#yearString").val() && null!=$("#yearString").val()){
$("#year").val($("#yearString").val())
}
内容概要:本文围绕基于三重移相控制(TPS)的双有源桥(DAB)高频隔离DC-DC变换器开展系统性研究,重点构建了其在Simulink环境下的高精度仿真模型。研究全面涵盖SPS单相移相、DPS双重重移相与TPS三重移相等多种控制策略的建模、实现与性能对比,深入分析不同模式下变换器的功率传输特性、软开关实现条件及功率回流问题,旨在提升DAB在交直流混合微电网、能量路由器、多端口柔性互联装置等场景中的转换效率与动态响应能力。通过对ZVS(零电压切换)条件的精确控制与移相角参数的优化,有效降低了开关损耗,增强了系统整体能效与运行稳定性。该仿真模型具有良好的可扩展性,适用于复杂电能转换系统的科研验证与工程开发。; 适合人群:电力电子、电气工程及其自动化等相关专业的硕士研究生、博士生、科研人员以及从事新能源变换器、柔性输配电系统设计的工程技术人员。; 使用场景及目标:①掌握双有源桥DAB变换器的基本工作原理及其在高频隔离场合的核心优势;②深入理解三重移相控制策略的设计机理、控制自由度分配及其在效率优化中的关键作用;③构建并调试可用于科研论文撰写、项目申报或实际系统验证的高保真Simulink仿真模型,支撑理论分析与实验对比。; 阅读建议:建议结合MATLAB/Simulink平台进行动手实践,重点关注主电路拓扑搭建、移相控制模块设计、驱动信号时序配置及ZVS实现条件的仿真观测,推荐通过对比SPS、DPS与TPS三种模式的稳态与动态响应曲线,深入掌握各控制策略的适用边界与优化方向。
【重要提示】本资源设置为0积分下载,若非0积分请勿轻易下载 亲爱的CSDN用户: 首先感谢你点进这个资源页面。我需要提前说明一个重要情况: 本资源原本已设置为“0积分下载”,即作者希望完全免费共享。但CSDN平台有时会根据文件的下载热度、文件大小、用户权限等因素,自动将部分资源的积分调整为非0数(如1积分、2积分、5积分等)。这是平台系统的自动行为,而非作者本人的设定。 因此,如果你当前看到该资源的下载所需积分不是0(例如显示为1、2、3……),请谨慎决定是否下载。 如果你按照非0积分支付并下载后发现资源内容不符合预期、链接失效,或者实际上该资源本应是免费的,作者无法为此承担积分损失或退还操作。强烈建议:仅在页面显示为0积分时进行下载。 另外,本资源描述中并未直接提供具体的下载地址或外部链接,因为它本身是一个通过CSDN官方上传通道提交的文件/内容包。如果你看到描述中没有外部网盘地址,这是正常的——资源文件应通过CSDN内置的“下载”按钮获取。若因平台积分显示异常导致你支付了积分,请优先联系CSDN客服咨询积分退还政策,作者没有权限修改平台自动设定的积分。 感谢你的理解与支持。技术分享本应开放,但受限于平台规则,特此提醒如上。祝学习进步!

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧