<script type="text/javascript"> var qObj = { elmt:'select', tip:'请选择', tVal:'', cur:[], arr:{ 1:'你的小学叫什么名字？', 2:'你最崇拜的人物是谁？', 3:'你最喜欢的花名字叫什么？', 4:'你父亲的职业是？', 5:'你父亲的姓名？', 6:'你高中班主任的名字？' } } $(function(){ //获取所有的select选框 var elements = $(qObj.elmt); //这一步只是初始化操作，将所有问题写入select选框 elements.each(function(i){ var html = '<option value="'+ qObj.tVal +'">'+ qObj.tip +'</option>'; for(var q in qObj.arr){ html += '<option value="'+ q +'">' + qObj.arr[q] + '</option>'; } $(this).html(html); }); //select选框添加监听事件 elements.change(function(){ var cValue = {}, //用于记录当前被选中的问题 elmts = elements, cIndex = elmts.index($(this)); //当前select选框索引值 //遍历所有select选框，记录当前每个选框的选择 elmts.each(function(i){ qObj.cur[i] = $(this).val(); }); //记录当前已被选中的问题，实现互斥锁 for(var i in qObj.cur){ cValue[qObj.cur[i]] = 1; } //遍历所有select选框，重置所有问题 elmts.each(function(i){ //跳过当前的select选框，因为该内容无需校正 if (cIndex == i) return; var html = '<option value="'+ qObj.tVal +'">'+ qObj.tip +'</option>'; for(var q in qObj.arr){ //如果是互斥内容，且不属于这个选框则跳过（重点） if (cValue[q] && q != qObj.cur[i]) continue; html += '<option value="'+ q +'"' + (q == qObj.cur[i]?' selected="selected"': '') + '>' + qObj.arr[q] + '</option>'; } $(this).html(html); }); }); }) </script> 密保1：<select style="width:180px"></select><br/> 密保2：<select style="width:180px"></select><br/> 密保3：<select style="width:180px"></select>