泛微E8选择框元素显示隐藏

<!-- script代码,如果需要引用js文件,请使用与HTML中相同的方式。 -->
<script type="text/javascript">
    jQuery(document).ready(function() {

        $("#field11105").bindPropertyChange(function() { 

            var val = jQuery("#field11105").val();
            var a = new Array("1", "3");//隐藏value值为1,3的元素
            showOptionBasedOnValue('field10812');
            hideOptionBasedOnValue('field10812', a)
        })
    $("#field8365").bindPropertyChange(function() {
       var b = new Array("2", "4");
        showOptionBasedOnValue('field10812');
        hideOptionBasedOnValue('field10812', b)
        
    })
    });

    function hideOptionBasedOnValue(selectId, valueToHide) {
        var select = document.getElementById(selectId);
        for(var j = 0; j < valueToHide.length; j++) {

            for(var i = 0; i < select.options.length; i++) {
                if(select.options[i].value === valueToHide[j]) {
                    select.options[i].style.display = 'none';
                }
            }
        }
    }

    function showOptionBasedOnValue(selectId) {
        var select = document.getElementById(selectId);
        for(var i = 0; i < select.options.length; i++) {
            select.options[i].style.display = '';
        }
    }
</script>

 

posted @ 2024-06-13 17:34  血月葬花魂  阅读(34)  评论(0编辑  收藏  举报