根据一个下拉值填充Javascript中的另一个下拉列表

时间:2014-01-25 09:41:56

标签: javascript

根据第一个下拉列表中选择的值,您可以帮我填写第二个下拉列表。

我想做的是: 如果有人在第一个下拉列表中选择特定时间,则第二个下拉列表应自动填充在第一个选定值中添加六个小时的时间。 即如果用户在第一个下拉列表中选择03:00,则在第二个下拉列表中我们应该得到09:00 ..如果我们在第一个下拉列表中选择21:00我们应该得到03:00等等。

以下是我的示例代码。

谢谢!

        <HTML>
        <head>
        <script type="text/javascript">

        function populateDate() {
                var strt = document.getElementById("start_id");
                var end = document.getElementById("end_id");
                var strtVal = strt.options[strt.selectedIndex].text + "";

                 alert("Start"+strtVal);
                 var endVal = (strtVal)+6;

                 var  strtTemp = strtVal.substring(0, 2);
                 var endTemp = endVal.substring(0, 2);
                 endTemp=endTemp+6;

                 alert(endTemp);      

        }

        </script>

        </head>

        <BODY>
        <div class="ctrlBoxSml ">
        <div class="cell1Label"><label class="ctrlLbl">Patching Window Start(EST)*</label></div>
        <div class="cell2Ctrl">
        <select class="ctrlOpt" name="patchWindow_start" id="start_id" onchange="populateDate()">
        <option value="">Select</option>
        <option value='00.00'>00.00</option>
        <option value='01.00'>01.00</option>
        <option value='02.00'>02.00</option>
        <option value='03.00'>03.00</option>
        <option value='04.00'>04.00</option>
        <option value='05.00'>05.00</option>
        <option value='06.00'>06.00</option>
        <option value='07.00'>07.00</option>
        <option value='08.00'>08.00</option>
        <option value='09.00'>09.00</option>
        <option value='10.00'>10.00</option>
        <option value='11.00'>11.00</option>
        <option value='12.00'>12.00</option>
        <option value='13.00'>13.00</option>
        <option value='14.00'>14.00</option>
        <option value='15.00'>15.00</option>
        <option value='16.00'>16.00</option>
        <option value='17.00'>17.00</option>
        <option value='18.00'>18.00</option>
        <option value='19.00'>19.00</option>
        <option value='20.00'>20.00</option>
        <option value='21.00'>21.00</option>
        <option value='22.00'>22.00</option>
        <option value='23.00'>23.00</option>
        </select>
        </div>


        <div class="ctrlBoxSml ">
        <div class="cell1Label"><label class="ctrlLbl">Patching Window End(EST)*</label></div>
        <div class="cell2Ctrl">
        <select class="ctrlOpt" name="patchWindow_end" id="end_id">
        <option value="">Select</option>
        <option value='00.00'>00.00</option>
        <option value='01.00'>01.00</option>
        <option value='02.00'>02.00</option>
        <option value='03.00'>03.00</option>
        <option value='04.00'>04.00</option>
        <option value='05.00'>05.00</option>
        <option value='06.00'>06.00</option>
        <option value='07.00'>07.00</option>
        <option value='08.00'>08.00</option>
        <option value='09.00'>09.00</option>
        <option value='10.00'>10.00</option>
        <option value='11.00'>11.00</option>
        <option value='12.00'>12.00</option>
        <option value='13.00'>13.00</option>
        <option value='14.00'>14.00</option>
        <option value='15.00'>15.00</option>
        <option value='16.00'>16.00</option>
        <option value='17.00'>17.00</option>
        <option value='18.00'>18.00</option>
        <option value='19.00'>19.00</option>
        <option value='20.00'>20.00</option>
        <option value='21.00'>21.00</option>
        <option value='22.00'>22.00</option>
        <option value='23.00'>23.00</option>
        </select>
        </div>
        </BODY>
        </HTML>

0 个答案:

没有答案