js - 调试易

js

一个下拉列表,第一个日历控件为起止日期,第二个日历控件是截止日期,第三个下拉列表里面是复选框,js需要怎么写才可以按顺序选择,必须先选择第一个下拉列表才可以选择起止日期,然后才可以选择截止日期,最后是根据下拉列表选择的数字选择第三个下拉列表复选框的值,如果第一个选的1,第三个也只能选择一个?哪位大虾帮帮忙,急啊!小妹在这里谢谢啦......
下面是html的代码,没图片
<body>
<div id="main">
<div id="logo"><img src="img/logo_267.58.jpg" width="267" height="58" /></div>  <div id="notes">
  <p>策划是通过发送电子邮件的方式完成的一次市场营销活动。</p></div>

  <div id="title1">邮件发送关注度对比效果图</div>
  <div id="view1"> </div>  <div id="selectForcompare2">
        <div id="hiddenPlan" style="display:none;">
             <div id="aLLPlan">   <input name="plan" type="checkbox" size="6" value="4581"> 王力宏-大城小爱 <br>
   <input name="plan" type="checkbox" size="6" value="4582"> 周杰伦-菊花台 <br>
   <input name="plan" type="checkbox" size="6" value="4583"> 蔡依林-倒带 <br>
   <input name="plan" type="checkbox" size="6" value="4584"> 孙燕姿-向左走向右走<br>
   <input name="plan" type="checkbox" size="6" value="4585"> 何炅-快乐大本营<br>
   <input name="plan" type="checkbox" size="6" value="4586"> 维嘉-快乐大本营 <br>
   <input name="plan" type="checkbox" size="6" value="4587"> 谢娜-快乐大本营 <br>
   <br>
   </div>
   <div id="confirm">
     <input name="submit" type="submit" id="submit" value="确定" onclick="out(1);"/>
   </div>
    </div>
        <table width="420" >
        <tr>
<td colspan="3" align="left" height="30">
       <div id="macstyle">
           <select name="compareNum2" id="select2">
                     <option value="0"  selected="selected">请选择你要比较的企划个数</option>
                     <option value="2" >2个</option>
                     <option value="3" >3个</option>
                     <option value="4" >4个</option>
                     <option value="5" >5个</option>
                   </select>
         </div>
   </td>
   <td/>
</tr>
  <tr>
   <td align="left" height="30">
   <span id=pick1-1></span>
<input id=calendar1 style="background:url(img/select_04.jpg) no-repeat;color:#000;padding-left:10px;
border:none;" value="起始日期"
handles="pick1-1,pick1-2"
format="y-m-d" calendar="calendar" size="13">     </td>
   <td align="left">
   <span id=pick1-2></span>
<input id=calendar2 style="background:url(img/select_04.jpg) no-repeat;color:#000;padding-left:10px;
border:none;" value="截止日期"
handles="pick1-1,pick1-2"
format="y-m-d" calendar="calendar" size="13">
   </td>
   <td align="left" height="30">
       <button class="button5" onClick="out(1);"><span>请选择企划</span></button>
   </td>
   <td/>
      <tr>
   <td colspan="3"></td>
   <td align="right" valign="bottom" >
       <button class="button4" type="button" ><span>重置</span></button>
   </td>
  </tr>
   </table>
  </div>
  <div id="orangeSpotsMap2"><img src="img/line_469.5.jpg" width="469" height="5" /></div>
       <div id="hiddenPlan2" style="display:none;">
             <div id="aLLPlan2">
   <br>   <input name="plan" type="checkbox" size="6" value="4581"> 王力宏-大城小爱 <br>
   <input name="plan" type="checkbox" size="6" value="4582"> 周杰伦-菊花台 <br>
   <input name="plan" type="checkbox" size="6" value="4583"> 蔡依林-倒带 <br>
   <input name="plan" type="checkbox" size="6" value="4584"> 孙燕姿-向左走向右走<br>
   <input name="plan" type="checkbox" size="6" value="4585"> 何炅-快乐大本营<br>
   <input name="plan" type="checkbox" size="6" value="4586"> 维嘉-快乐大本营 <br>
   <input name="plan" type="checkbox" size="6" value="4587"> 谢娜-快乐大本营 <br>   <br>
   </div>
   <div id="confirm">
     <input name="submit" type="submit" id="submit" value="确定" onclick="out(2);"/>
   </div>
  </div>
  <div id="selectforCompare2">
        <table width="420" >
        <tr>
   <td colspan="3" align="left" height="30">
       <div id="macstyle">
           <select name="compareNum" id="select">
                     <option value="0"  selected="selected">请选择你要比较的企划个数</option>
                     <option value="2" >2个</option>
                     <option value="3" >3个</option>
                     <option value="4" >4个</option>
                     <option value="5" >5个</option>
                   </select>
         </div>
   </td>
   <td/>
</tr>
  <tr>
   <td align="left" height="30">
<input id=calendar1 style="background:url(img/select_04.jpg) no-repeat;color:#000;padding-left:10px;
border:none;" value="起始日期"
handles="pick1-1,pick1-2"
format="y-m-d" calendar="calendar" size="13">     </td>
   <td align="left">
<INPUT id=calendar2 style="background:url(img/select_04.jpg) no-repeat;color:#000;border:none;padding-left:10px;"size="13" value="截止日期"
handles="pick1-1,pick1-2"  format="y-m-d" calendar="calendar">
   </td>
   <td align="left" height="30">
       <button class="button5" onClick="out(2);"><span>请选择企划</span></button>
   </td>
   <td/>
      <tr>
   <td colspan="3"></td>
   <td align="right" valign="bottom" >
       <button class="button4" type="button" onClick="alert('####');"><span>重置</span></button>
   </td>
  </tr>
   </table>
  </div>
</div>
<div id="title2">邮件发送概要报告图</div>
<div id="view2"></div>  <div id="Layer22"><img src="img/icon_11.11.jpg"/></div>
  <div id="Layer23">信息进度</div>
  <div id="Layer24"><img src="img/icon_69.25.jpg" /></div>
<div id="planningList" style="background-image: url(img/boder_351.529.jpg);">
    <div id="header" style="background-image: url(img/biaotoulan.png);">
      <table width="350" border="0">
        <tr>
          <td height="29" width="128" align="center">策划名称</td>
          <td width="50" align="center">数量</td>
          <td width="70" align="center">状态</td>
          <td width="51"> </td>
  <td width="51"> </td>
        </tr>
      </table>
    </div>
    <div id="tBody">
      <table width="300" border="0">      <tr>
          <td width="140"><span id="planID">中青旅_2009/08/06</span></td>
          <td width="60"><span id="planID">300000</span></td>
          <td width="50"><span id="planID">执行完毕</span></td>
          <td width="25">修改</td>
          <td width="25">删除</td>
        </tr>
<tr>
          <td colspan="5" align="center"><img src="img/line_323.4.jpg"/></td>
        </tr> <tr>
          <td width="128"><span id="planID">北京泰和达通广告企划_2009/08/06</span></td>
          <td width="50"><span id="planID">300</span></td>
          <td width="70"><span id="planID">执行完毕</span></td>
          <td width="51"><span id="planID">修改</span></td>
          <td width="51"><span id="planID">删除</span></td>
        </tr>
<tr>
          <td colspan="5" align="center"><img src="img/line_323.4.jpg"/></td>
        </tr>
  </table>
  </div>
    <div id="pages">
    <center>
<ul id="page">
     <li><a href=""><img src="img/icon_12.12_left.jpg" border="0"/></a></li>
     <li><a href="">1</a></li>
     <li><a href="">2</a></li>
     <li><a href="">3</a></li>      <li><a href=""><img src="img/icon_12.12_right.jpg" border="0"/></a></li>
<li> 到第<input name="turnTo" type="text" size="1" style="height:9px;"/>页 </li>
     <li><button class="button2" type="button"><span>确定</span></button></li>
</ul> </center>
  </div>
</div>
  <div id="orangeSpotsMap"></div>
  <img src="img/main_orangeLine_839.4.jpg" width="839" height="4" hspace="60" vspace="370" />
  <div id="menu_button">
    <table width="130">
    <tr>
    <td height="20">
     <button class="button1" type="button" ><span> 升级</span></button>
</td>
<td align="right">
     <button class="button1" type="button"><span> 登出</span></button>
</td>
</tr>
</table>
</div></div>
<div id="fanv">
    <div id="copyright">版权所有：北京雷克时代技术有限公司</div>
    <div id="orange"> <img src="img/icon_21_21.jpg" />   </div>
    <div id="phonePict"> <img  src="img/icon_13.16.jpg"/></div>
    <div id="supportPict"> <img src="img/icon_18.14.jpg"></div>
    <div id="phone"><a href="http://www.baidu.com">400-6869-580</a></div>
    <div id="support"><a href="http://www.baidu.com">[email protected]</a></div>
    <img src="img/main_endLine.png" /></div>
<SCRIPT type=text/javascript>
var initEC = function(dModule){
var dInputs = dModule.getElementsByTagName('input');
if(!dInputs.length){return false;}
var i = 0,dTmpi = null,dil = dInputs.length;
for(;i<dil;i++){
dTmpi = dInputs[i];
if(dTmpi.getAttribute('calendar')){
EasyCalendar.call(dTmpi);
}
}
};
initEC(document.body);
</SCRIPT>
</body>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

没看太明白你的意思,你可以对你的下拉框增加onchange事件,还动态改变html代码的.