javascript - 当第一个选择选项更改时，如何刷新第二个选择选项？

Question

当第一个选择选项更改时，如何刷新第二个选择选项？

我正在此处为 Patient_code2 生成数组:

    //GENERATE NUMBERS FOR CYCLE
    function patsient(selector) {
        var i;
        for (i = 1; i <= 99; i++) {
            var text = '0' + i;
            selector.options[i - 1] = new Option(text.substr(text.length - 2, 2));
        }

    }
    patsient(document.getElementById("patient_code2"));

我正在此处生成 Patient_code 的数组:

    function myFunction(selector) {
        var i;
        for (i = 1; i <= 999; i++) {
            var text = '00' + i;
            selector.options[i - 1] = new Option(text.substr(text.length - 3, 3));
        }
    }
    //usage:
    myFunction(document.getElementById("patient_code"));

这里我将数据库中的最后一个值插入到字段中:

    //INSERT THE VALUE FROM DATABASE
    var tsykkel_id = '<?php foreach ($tsykkel_id as $row){echo $row['patsiendi_tsykkel'];}?>';
    $('#patient_code2')[0].options[parseInt(tsykkel_id)].selected = true;

        $(document).ready().on('change', '#patient_code2', function () {
            var index = $('option:selected', $(this)).index();
            $('option', $(this)).each(function (i, x) {
                if (i < index) { $(this).remove(); }
            });
        });

HTML

                    <select name="patient_code" data-placeholder="" id="patient_code" class="chosen-select form-control" tabindex="2">
                    </select>

                    <label class="control-label">Tsükkel:</label>
                    <select name="patient_code2" data-placeholder="" id="patient_code2" class="chosen-select form-control" tabindex="2">
                    </select>

因此，假设该人从第一个选择 002，那么第二个应该再次从 01 开始。

Answer 1

那就试试这个吧。代码已经过测试。

$(document).ready().on('change','#patient_code2',function(){
    var index = $('option:selected',$(this)).index();
    $('option',$(this)).each(function(i,x){
        if(i<index){$(this).remove();}
    });
    $('select#patient_code').prop('selectedIndex', 0);
});

fiddle :http://jsfiddle.net/roullie666/69j94ro6/2/