分享

shithappen的博客

 china_lxd 2005-12-07

收藏的网页地址

- 作者: shithappen 2005年05月19日, 星期四 09:17  回复(0) |  引用(0) 加入博采

年月日三下拉框联动

年月日三下拉框联动



关于两个下拉菜单,如何从数据库中读取记录

1楼  关于两个下拉菜单,如何从数据库中读取记录

我现在想从数据库动态的取出数据放到两个下拉菜单中,怎么能让第二下菜单的内容随着第一个的改变而改变,两个下拉菜单的内容都是从数据库中读取的!!!
请高手指教!!!!

2楼  

第一个下拉菜单选择后触发onchange事件,把选择的值当作参数传递给本页,然后第二个下拉菜单再把本页接收的参数当作条件进行查询。

3楼  

我不想用这这种方法,因为每次都要刷新页面,读取数据库,我想用数组一次取出来然后做关联,但不知道应该怎么去做?

4楼  

看看这个!
<script javascript="javascript">
function changelocation(locationid)    /*显示子菜单的子项函数*/
    {
var onecount;
    document.myform.Nclassid.length = 0;

    var locationid=locationid;
    var i;
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            {
                document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
            }        
        }
        
    }
</script>
<form action="" name=myform >

    <%
     set rs = conn.execute("select * from provinces") ‘读取大类
     if rs.eof and rs.bof then
      response.write "请先添加栏目。"
      response.end
     else
     %>
<select name="classid" onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)" size="1">
                <option selected value="">==请选栏目==</option>
    <%do while not rs.eof%>
                <option value="<%=trim(rs("id"))%>"><%=trim(rs("provinces"))%></option>
                <%
            rs.movenext
            loop
      end if
            rs.close
            set rs = nothing
            conn.Close
            set conn = nothing
      %>
              </select>
     <script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
        <%‘读取小类数据,并存入数组
  set rs=server.createObject("adodb.recordset")
  rs.open "select * from city",conn,1,1
        count = 0
     do while not rs.eof
        %>
subcat[<%=count%>] = new Array("<%= trim(rs("id"))%>","<%= trim(rs("provincesid"))%>","<%= trim(rs("cityname"))%>");
        <%
        count = count + 1
        rs.movenext
        loop
        rs.close
        %>
onecount=<%=count%>;
</script>
              <select name="Nclassid">
                <option selected value="">==请选栏目==</option>

              </select>

6楼  

发觉这个写法有问题,显示的是小类的id,不是name

7楼  

document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
应该修改为
document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][2], subcat[i][0]);

- 作者: shithappen 2005年05月20日, 星期五 11:10  回复(0) |  引用(0) 加入博采

<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv=‘Content-Type‘ content=‘text/html; charset=gb2312‘>
<meta name=‘author‘ content=‘F.R.Huang(meizz梅花雪)//www.meizz.com‘>
</head>

<body>
<form name=form1>
<select name=YYYY onchange="YYYYDD(this.value)">
<option value="">请选择 年</option>
</select>
<select name=MM onchange="MMDD(this.value)">
<option value="">选择 月</option>
</select>
<select name=DD>
<option value="">选择 日</option>
</select>
</form>

<script language="JavaScript"><!--
function YYYYMMDDstart()
{
MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

//先给年下拉框赋内容
var y = new Date().getFullYear();
for (var i = (y-30); i < (y+30); i++) //以今年为准,前30年,后30年
document.form1.YYYY.options.add(new Option(" "+ i +" 年", i));

//赋月份的下拉框
for (var i = 1; i < 13; i++)
document.form1.MM.options.add(new Option(" " + i + " 月", i));

document.form1.YYYY.value = y;
document.form1.MM.value = new Date().getMonth() + 1;
var n = MonHead[new Date().getMonth()];
if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
writeDay(n); //赋日期下拉框Author:meizz
document.form1.DD.value = new Date().getDate();
}
if(document.attachEvent)
window.attachEvent("onload", YYYYMMDDstart);
else
window.addEventListener(‘load‘, YYYYMMDDstart, false);
function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)
{
var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
var n = MonHead[MMvalue - 1];
if (MMvalue ==2 && IsPinYear(str)) n++;
writeDay(n)
}
function MMDD(str) //月发生变化时日期联动
{
var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
var n = MonHead[str - 1];
if (str ==2 && IsPinYear(YYYYvalue)) n++;
writeDay(n)
}
function writeDay(n) //据条件写日期的下拉框
{
var e = document.form1.DD; optionsClear(e);
for (var i=1; i<(n+1); i++)
e.options.add(new Option(" "+ i + " 日", i));
}
function IsPinYear(year)//判断是否闰平年
{ return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
function optionsClear(e)
{
e.options.length = 1;
}
//--></script>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    来自: china_lxd > 《jsp》

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多
    热门阅读 换一换