密保问题提问 多个select互斥

<mce:script type="text/javascript"><!-- $(document).ready(function() { var lastselecval1 = null; var lastselectxt1 = null; var lastselecval2 = null; var lastselectxt2 = null; var lastselecval3 = null; var lastselectxt3 = null; var NewQuestion1 = document.getElementById("NewQuestion1"); var NewQuestion2 = document.getElementById("NewQuestion2"); var NewQuestion3 = document.getElementById("NewQuestion3"); $("#NewQuestion1").change(function() { if (lastselecval1 != null && lastselectxt1 != null) { jsAddItemToSelect(NewQuestion2, lastselectxt1, lastselecval1); jsAddItemToSelect(NewQuestion3, lastselectxt1, lastselecval1); } var selecval = NewQuestion1.value; lastselecval1 = selecval; var selectxt = NewQuestion1.options[NewQuestion1.selectedIndex].text; lastselectxt1 = selectxt; var selecidx = NewQuestion1.selectedIndex; if (selecval > 0) { jsRemoveItemFromSelect(NewQuestion2, selecval); jsRemoveItemFromSelect(NewQuestion3, selecval); } }); $("#NewQuestion2").change(function() { if (lastselecval2 != null && lastselectxt2 != null) { jsAddItemToSelect(NewQuestion1, lastselectxt2, lastselecval2); jsAddItemToSelect(NewQuestion3, lastselectxt2, lastselecval2); } var selecval = NewQuestion2.value; lastselecval2 = selecval; var selectxt = NewQuestion2.options[NewQuestion2.selectedIndex].text; lastselectxt2 = selectxt; var selecidx = NewQuestion2.selectedIndex; if (selecval > 0) { jsRemoveItemFromSelect(NewQuestion1, selecval); jsRemoveItemFromSelect(NewQuestion3, selecval); } }); $("#NewQuestion3").change(function() { if (lastselecval3 != null && lastselectxt3 != null) { jsAddItemToSelect(NewQuestion1, lastselectxt3, lastselecval3); jsAddItemToSelect(NewQuestion2, lastselectxt3, lastselecval3); } var selecval = NewQuestion3.value; lastselecval3 = selecval; var selectxt = NewQuestion3.options[NewQuestion3.selectedIndex].text; lastselectxt3 = selectxt; var selecidx = NewQuestion3.selectedIndex; if (selecval > 0) { jsRemoveItemFromSelect(NewQuestion2, selecval); jsRemoveItemFromSelect(NewQuestion1, selecval); } }); }); // 判断select选项中 是否存在Value="objItemValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } // 向select选项中 加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { //alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); // alert("成功加入"); } } // 从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } // alert("成功删除"); } else { // alert("该select中 不存在该项"); } } // --></mce:script>

  <table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td align="right" style="width: 33%"> </td> <td align="left"> </td> <td align="left"> </td> </tr> <tr> <td align="right" style="width: 33%">请选择问题进行回答：</td> <td align="left"> </td> <td align="left"> </td> </tr> <tr> <td align="right" style="width: 33%"> 问题1：<select id="NewQuestion1" name="NewQuestion1"><option value="">请选择问题1</option> <option value="213">我父亲的名字？</option> <option value="214">我母亲的名字？</option> <option value="215">我最喜欢的颜色？</option> <option value="216">我最喜欢的动物？</option> <option value="217">我最喜欢的东西？</option> <option value="218">我最好的朋友？</option> </select> </td> <td align="left"> 答案1： <input id="NewAnswer1" name="NewAnswer1" type="text" value="" /> </td> <td> <span style="color:Red;" mce_style="color:Red;"></span> </td> </tr> <tr> <td align="right" style="width: 33%"> 问题2：<select id="NewQuestion2" name="NewQuestion2"><option value="">请选择问题2</option> <option value="213">我父亲的名字？</option> <option value="214">我母亲的名字？</option> <option value="215">我最喜欢的颜色？</option> <option value="216">我最喜欢的动物？</option> <option value="217">我最喜欢的东西？</option> <option value="218">我最好的朋友？</option> </select> </td> <td align="left"> 答案2： <input id="NewAnswer2" name="NewAnswer2" type="text" value="" /> </td> <td> <span style="color:Red;" mce_style="color:Red;"></span> </td> </tr> <tr> <td align="right" style="width: 33%"> 问题3：<select id="NewQuestion3" name="NewQuestion3"><option value="">请选择问题3</option> <option value="213">我父亲的名字？</option> <option value="214">我母亲的名字？</option> <option value="215">我最喜欢的颜色？</option> <option value="216">我最喜欢的动物？</option> <option value="217">我最喜欢的东西？</option> <option value="218">我最好的朋友？</option> </select> </td> <td align="left"> 答案3： <input id="NewAnswer3" name="NewAnswer3" type="text" value="" /> </td> <td> <span style="color:Red;" mce_style="color:Red;"></span> </td> </tr> <tr> <td align="right" style="width: 33%; height: 62px;"> </td> <td align="left" style="height: 62px"> <input name="save" type="submit" value="设 置" />    </td> <td align="left" style="height: 62px"></td> </tr> </table>

说明：NewQuestion1、NewQuestion2、NewQuestion3分别是select的Id；

这个javascript实现了当有多个select时，他们的选项是一样的话，当你选择其中一个，另外的select就不会出现你已经选择的项了！