DropDownList下拉框完成四个密保问题

[StuInfo]

数据源来自数据库

主要问题就是

比如我第一个下拉框选择了生日 后面的三个就不会出现生日这个问题

点了什么，其他的下拉框则不会显示重复的问题，不点则会相反，加载回去

如果把问题点回去，选择“”请选择“”，其他的下拉框也会把相应不显示的给加载回去

具体怎么做啊- -

[peng2739956]

楼上，正解 我更喜欢用konckoutjs 和angularjs 解决，一个数据和监控就搞定了

[xdashewan]

javascipt或者jquery直接添加删除选项就可以了

[欧皇神降术]

$("select").change(function () { var arr = new Array(3); $("select").each(function (i,e) { arr[i] = e.value; }) $("select>option").show() $.each(arr, function (i, e) { $("select:not(this)>option[value=" + e + "]").hide(); $("select>option[value=0]").show(); }) })

[欧皇神降术]

        <div>
            <select id="select0">
                <option value='0'>--请选择--</option>
                <option value='1'>您的生日</option>
                <option value='2'>您的出生地</option>
                <option value='3'>您的小学班主任名字</option>
                <option value='4'>您的初中班主任名字</option>
                <option value='5'>您的高中班主任名字</option>
                <option value='6'>您的偶像姓名</option>
            </select>
            <select id="select1">
                <option value='0'>--请选择--</option>
                <option value='1'>您的生日</option>
                <option value='2'>您的出生地</option>
                <option value='3'>您的小学班主任名字</option>
                <option value='4'>您的初中班主任名字</option>
                <option value='5'>您的高中班主任名字</option>
                <option value='6'>您的偶像姓名</option>
            </select>
            <select id="select2">
                <option value='0'>--请选择--</option>
                <option value='1'>您的生日</option>
                <option value='2'>您的出生地</option>
                <option value='3'>您的小学班主任名字</option>
                <option value='4'>您的初中班主任名字</option>
                <option value='5'>您的高中班主任名字</option>
                <option value='6'>您的偶像姓名</option>
            </select>
        </div>

这个是前端测试的代码