Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Chọn không trùng
URL: https://www.javascriptbank.com/no-duplicate-selects.html
Hiệu ứng sẽ tạo các mục chọn có thể hoán đổi vị trí cho nhau trong ba trình đơn xổ dọc để người dùng không bao giờ chọn trùng nhau một giá trị.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Chọn không trùng
URL: https://www.javascriptbank.com/no-duplicate-selects.html
<script language="javascript">// Created by: Vic Phillips :: http://www.vicsjavascripts.org.uk/* The Select must have an 'onchange' event onchange="f1_NoDuplicateSelect(this,'text');" to verify that select texts are different or onchange="f1_NoDuplicateSelect(this,'value');" to verify that select values are different All variable, function etc. names are prefixed with 'f1_' to minimise conflicts with other JavaScripts */var f1_TextAry=new Array();var f1_ValueAry=new Array();function f1_NoDuplicateSelect(f1_obj,f1_type){ if (f1_obj.selectedIndex<1){ return; } if (!f1_obj.set){ f1_obj.set=true; if (f1_type=='text'){ f1_TextAry[f1_TextAry.length]=f1_obj; } if (f1_type=='value'){ f1_ValueAry[f1_ValueAry.length]=f1_obj; }} for (f1_0=0;f1_0<f1_TextAry.length;f1_0++){ for (f1_1=f1_0+1;f1_1<f1_TextAry.length;f1_1++){ if (f1_TextAry[f1_0].options[f1_TextAry[f1_0].selectedIndex].text==f1_TextAry[f1_1].options[f1_TextAry[f1_1].selectedIndex].text&&f1_type.toLowerCase()=='text'){ alert('Selection List Text\nMust be Different'); f1_TextAry[f1_1].selectedIndex=0; return false; } } } for (f1_2=0;f1_2<f1_ValueAry.length;f1_2++){ for (f1_3=f1_2+1;f1_3<f1_ValueAry.length;f1_3++){ if (f1_ValueAry[f1_2].options[f1_ValueAry[f1_2].selectedIndex].value==f1_ValueAry[f1_3].options[f1_ValueAry[f1_3].selectedIndex].value&&f1_type.toLowerCase()=='value'){ alert('Selection List Values\nMust be Different'); f1_ValueAry[f1_3].selectedIndex=0; return false; } } }}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><select name="Color_1" class="TxtArea" onchange="f1_NoDuplicateSelect(this,'text');" > <option selected value=''>Select first color</option> <option value='1'>Red</option> <option value='2'>Yellow</option> <option value='3'>Green</option> <option value='4'>Blue</option></select><select name="Color_2" class="TxtArea" onchange="f1_NoDuplicateSelect(this,'text');" > <option selected value=''>Select second color</option> <option value='4'>Red</option> <option value='1'>Yellow</option> <option value='2'>Green</option> <option value='3'>Blue</option></select><select name="Color_3" class="TxtArea" onchange="f1_NoDuplicateSelect(this,'text');" > <option selected value=''>Select third color</option> <option value='3'>Red</option> <option value='4'>Yellow</option> <option value='1'>Green</option> <option value='2'>Blue</option></select><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->