»
AnglaisFran�aisVietnamien

Imprimer - Pas de duplicata de sélectionner - JavaScriptBank.com

Version compl�te: jsB@nk » Form » Dropdown » Pas de duplicata de sélectionner
URL: https://www.javascriptbank.com/no-duplicate-selects.html

Pas de duplicata de sélectionner © JavaScriptBank.comEmpêcher un texte, sélectionnez l'option ou la valeur d'être choisi dans un autre sélectionnez la case.

Version compl�te: jsB@nk » Form » Dropdown » Pas de duplicata de sélectionner
URL: https://www.javascriptbank.com/no-duplicate-selects.html



JavaScript
<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-->


HTML
<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-->