<dt>营业时间:</dt><dd><label class="nomrgn">
<select id="fWeek"><option value="星期一">星期一</option><option value="星期二">星期二</option><option value="星期日">星期日</option></select>
<select id="fTimeH"><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><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option></select>
<select id="fTimeM"><option value="00">00</option><option value="15">15</option><option value="30">30</option><option value="45">45</option></select></label> ~
<label class="nomrgn">
<select id="eWeek"><option value="星期四">星期四</option><option value="星期五">星期五</option><option value="星期六">星期六</option><option value="星期日">星期日</option></select>
<select id="eTimeH"><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="0">24</option><option value="1">01</option><option value="2">02</option><option value="3">03</option></select>
<select id="eTimeM"><option value="00">00</option><option value="15">15</option><option value="30">30</option><option value="45">45</option></select></label><span id="idShow"></span></dd>如何使idShow显示用户所选的时间?

解决方案 »

  1.   


    <script>
    function setValue() {
      var fweek = document.getElementById('fWeek').value;
      var fTimeH = document.getElementById('fTimeH').value;
      var fTimeM = document.getElementById('fTimeM').value;
      var eweek = document.getElementById('eWeek').value;
      var eTimeH = document.getElementById('eTimeH').value;
      var eTimeM = document.getElementById('eTimeM').value;
      document.getElementById('idShow').innerHTML = fweek + ' ' + fTimeH + ' : ' + fTimeM + '~' + eweek + ' ' + eTimeH + ' : ' + eTimeM;
    }
    var els = document.getElementsByTagName('select');
    for (var i = 0, l = els.length; i < l ; i++)
    {
      els[i].onchange = setValue;
    }
    setValue();
    </script>