jQuery根据其他下拉列表更改下拉列表值 [英] jQuery Change the Dropdown values based on other dropdown

问题描述

我正在使用以下Jscript来显示 24小时格式的时间 FromTime 和 ToTime

I am using following Jscript to show 24 hours format of time FromTime and ToTime

几乎可以正常工作，但是存在一些问题，因为它没有附加第一个下拉列表中的所有值，并且有时我在第一个下拉列表中选择了某个值，或者排序时间或immd时间不在顶部

Almost it is working fine, but have some issues as it is not appending all the values from first dropdown and some times for some value i select in first dropdown the sort order or the immd time is not on the top

请帮助我.

谢谢.

<select id="one">
     <option value="1">1:00</option>
    <option value="2">1:30</option>
    <option value="3">2:00</option>
    <option value="4">2:30</option>
    <option value="5">3:00</option>
    <option value="6">3:30</option>
    <option value="7">4:00</option>
    <option value="8">4:30</option>
    <option value="9">5:00</option>
    <option value="10">5:30</option>
    <option value="11">6:00</option>
    <option value="12">6:30</option>
    <option value="13">7:00</option>
    <option value="14">7:30</option>
    <option value="15">8:00</option>
    <option value="16">8:30</option>
    <option value="17">9:00</option>
    <option value="18">9:30</option>
    <option value="19">10:00</option>
    <option value="20">10:30</option>
    <option value="21">11:00</option>
    <option value="22">11:30</option>
    <option value="23">12:00</option>
    <option value="24">12:30</option>
    <option value="25">13:00</option>
    <option value="26">13:30</option>
    <option value="27">14:00</option>
    <option value="28">14:30</option>
    <option value="29">15:00</option>
    <option value="30">15:30</option>
    <option value="31">16:00</option>
    <option value="32">16:30</option>
    <option value="33">17:00</option>
    <option value="34">17:30</option>
    <option value="35">18:00</option>
    <option value="36">18:30</option>
    <option value="37">19:00</option>
    <option value="38">19:30</option>
    <option value="39">20:00</option>
    <option value="40">20:30</option>
    <option value="41">21:00</option>
    <option value="42">21:30</option>
    <option value="43">22:00</option>
    <option value="44">22:30</option>
    <option value="45">23:00</option>
    <option value="46">23:30</option>
    <option value="47">00:00</option>
    <option value="48">00:30</option>

  </select>

    <select id="two"></select>

    <script type="text/javascript">
        $(function () {
            $("#one").change(function (e) {
                $("#two").empty();

                var options = 
                $("#one option").filter(function(e){
                    return $(this).attr("value") > $("#one option:selected").val();
                }).clone();

                $("#two").append(options);
            });
        });
    </script>

推荐答案

将您的数字作为字符串进行比较，只需将它们解析为int然后进行比较:

Your numbers are being compared as strings, simply parse them to int and then compare:

return parseInt($(this).attr("value"),10) > parseInt($("#one option:selected").val(),10);

http://jsfiddle.net/XMq2T/1/

这篇关于jQuery根据其他下拉列表更改下拉列表值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！