»
Tiếng AnhTiếng PhápTiếng Việt

In - Chọn không trùng - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Chọn không trùng
URL: https://www.javascriptbank.com/no-duplicates.html

Chọn không trùng © JavaScriptBank.comHiệu ứng sẽ tạo các mục chọn có thể hoán đổi vị trí cho nhau trong hai 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 » Chọn không trùng
URL: https://www.javascriptbank.com/no-duplicates.html



JavaScript
<SCRIPT LANGUAGE="JavaScript">// Denis Dijon (ddijon@hotmail.com)<!-- Beginvar OptLstTxt = new Array;var OptLstVal = new Array;var OptLen = 0;function NoDupl(SelObjFrom, SelObjTo) {var OldToVal = SelObjTo.options[SelObjTo.selectedIndex].value;if (OptLen == 0) {OptLen = SelObjFrom.length;for (var i = 1; i < OptLen; i++) {OptLstTxt[i] = SelObjFrom.options[i].text;OptLstVal[i] = SelObjFrom.options[i].value;   }}var j = 1;for (var i = 1; i < OptLen; i++) {if (OptLstVal[i] != SelObjFrom.options[SelObjFrom.selectedIndex].value) {if (j == SelObjTo.length) {SelObjTo.options[j] = new Option(OptLstTxt[i]);}else {SelObjTo.options[j].text = OptLstTxt[i];}SelObjTo.options[j].value = OptLstVal[i];if (OptLstVal[i] == OldToVal) {SelObjTo.selectedIndex = j;}j++;   }}if (SelObjTo.length > j)SelObjTo.options[(SelObjTo.length - 1)] = null;}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
Try to select the same color:<br><select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)"><option selected value=''>Select your first prefered color</option><option value='R'>Red</option><option value='J'>Yellow</option><option value='G'>Green</option><option value='B'>Blue</option></select><select name="Color_2" onChange="NoDupl(this,document.MForm.Color_1)"><option selected value=''>Select Second Prefered color</option><option value='R'>Red</option><option value='J'>Yellow</option><option value='G'>Green</option><option value='B'>Blue</option></select></form><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->