Select框的下拉列表问题

现在有两个select框，一个部门，一个星期
当选择“市场部”的时候，星期列表中的下拉列表是“星期一、星期二、星期三、星期四、星期五、星期六”
当选择“保障部”的时候，星期列表中的下拉列表少一个“星期六”
用JAVASCRIPT这个功能我实现了，但是现在有个问题，就是当我要查看这条记录的时候
比如：市场部--星期二，那么我要将“市场部”selected，将“星期二”selected
这怎么实现呢？
请问谁有更好的办法实现这整个功能！

解决方案 »

  1.   

    document.getElementById('部门SelectID').value='市场部';document.getElementById('星期SelectID').value='星期二';
      

  2.   

    LZ这样的话是在服务器端判断的，不是在JS里判断的。
      

  3.   

    是啊，我的意思是读取数据的时候要在<select>里判断，这个很好判断啊。LZ的部门跟日期是写在数据库里的还是直接<option id="shichang" value="shichang">市场部</option>这样的
      

  4.   

    if($("#sel1 option[value='市场部']").is(":selected")){
    $("#sel2 option[value='星期二']").attr("selected",true);
    }
      

  5.   

    <%@ page language="java" contentType="text/html; charset=gbk"%>
    <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
    <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
    <%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
    <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
    <html>
    <head>
    <title>测试</title>
    <style type="text/css">
    .tooltip{font-size: 13px; }
    </style><%
      response.setHeader("progma","no-cache");   
      response.setHeader("Cache-Control","no-cache");   
      response.setDateHeader("Expires",0);   
     %>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link href="style/jqstyle.css" rel="stylesheet" type="text/css" /><style type="text/css"></style>
    <script type="text/javascript"> 
    var arr1=['星期一','星期二','星期三','星期四','星期五','星期六'];
    var arr2=['星期一','星期二','星期三','星期四','星期五'];
    function change(){
    $("#sel2 option").remove();
    if($("#sel1 option[value='保障部']").is(":selected")){
    $.each(arr2,function(i,n){
    $("#sel2").append("<option value='"+i+"'>"+n+"</option>");
    });
    }else{
    $.each(arr1,function(i,n){
    $("#sel2").append("<option value='"+i+"'>"+n+"</option>");
    });
    }
    if($("#sel1 option[value='市场部']").is(":selected")){
    $("#sel2 option[value='1']").attr("selected",true);
    }
    }
    </script> 
    <body>
    <div>
    部门:
    <select id="sel1" onchange="change();">
    <option value='请选择'>请选择</option>
    <option value='市场部'>市场部</option>
    <option value='技术部'>技术部</option>
    <option value='客服部'>客服部</option>
    <option value='保障部'>保障部</option>
    </select>
    </div>
    <div>
    星期:
    <select id="sel2">
    <option value='星期一'>星期一</option>
    <option value='星期二'>星期二</option>
    <option value='星期三'>星期三</option>
    <option value='星期四'>星期四</option>
    <option value='星期五'>星期五</option>
    <option value='星期六'>星期六</option>
    </select>
    </div>
    </body>
    </html>