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

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出来的值每次都一样，哎
...全文
220 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())
}
正方自动评教脚本
期末评教时，手动评教较麻烦。本文介绍正方自动评教脚本使用方法，适用于chrome浏览器。先进入评教页面，按F12打开控制台点击Console，在蓝色>处输入代码，注意将“较好”“好”修改为评教页面下拉菜单中的值，满意度调查后点击保存进入具体评教，操作类似。
Select 和Alert
本文介绍如何在Selenium中使用Select组件进行下拉菜单的选择操作，包括通过value值、文本和索引选择选项。同时，展示了如何使用Alert组件处理网页上的弹窗警告，涉及移动到设置菜单并点击保存设置后的警告框处理。
页面只读输入控件
本文探讨了网页设计中常见的问题：如何使某些输入元素变为只读状态但仍能传递数据。作者提供了三种解决方案：对文本框使用readonly属性；对下拉菜单使用disabled属性并添加隐藏字段保存值；对复选框使用JS阻止点击事件。
echarts的使用方法
该博客展示了如何在Vue2中使用Element UI组件库创建一个点击触发的下拉菜单，菜单选项包括最近一天、最近三天和最近一周。选择不同选项会更新ECharts图表，展示相应时间段内的压强数据。ECharts图表包含当前值、报警低阈值和报警高阈值三条折线，并具备数据缩放、数据视图、保存为图片等功能。同时，博客还包含了自定义样式和数据处理逻辑。
php 下拉菜单 多个值,PHP,而foreach下拉菜单在所有下拉菜单中都具有相同的选定值...
博客内容涉及PHP编程中遇到的问题，即在多个下拉菜单中，用户选择的值无法正确保存和记住。当用户更改一个或多个下拉菜单的选项并提交后，所有菜单的值被同步为最后一个更改的值。代码示例展示了如何遍历和显示下拉菜单选项，但存在逻辑错误，导致用户选择的值不被正确记录。解决方案需要确保每个下拉菜单的值独立保存和恢复。
JavaScript

87,990

社区成员

224,684

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章