假设一个select有三个option,值分别为A,B,C


当select选择A的时候,我修改select的值为B,但是在修改为B的同时,我需要获取它之前的值A


问题就来了,给select应用onchange事件时,通过jquery的val获取到的是修改后的值


解决办法就是:


定义一个全局变量


全局变量E


给select绑定click事件,当单击发生时,这时select的值还没有改变,通过val获取后,存放到全局变量E里


给select绑定onchange事件,当修改值时,通过val获取的值是修改后的值,而这时存放在全局变量E里面的值就是修改之前的值了


菜鸟记录,高手不要吐槽


以下为代码:主要解决多个select选项值相同时,其中一个已经选择了某项后,其他select就不能再选择


<script>
    var select_old_value;
    $(document).ready(function(){
        $("select").click(function(){
            //存储select修改之前的值
            select_old_value=$(this).val();
        });
    });
    //给select绑定的onchange事件处理函数
    function del_option(obj)
    {
        var op_val=$(obj).val();
        if(op_val)
        {
            $("select").each(function () {
                $(this).children("option[value='" + op_val + "']").attr("disabled", "disabled");
                $(this).children("option[value='" + select_old_value + "']").attr("disabled", false);
            });
            $(obj).children("option[value='" + op_val + "']:disabled").attr("disabled", false);
            $(obj).children("option[value='" + select_old_value + "']:disabled").attr("disabled", "disabled");
        }
    }
</script>