Sélectionnez l'option Caché si elle est sélectionnée dans d'autres sélectionnez dans le tableau

Question

Par exemple

si id="select[1]" sélectionné value=1

id 2-5 ne pouvez pas sélectionner value=1

<?php for($i= 0;$i<5;$i++){ ?> 
    <select id="select[]" name="select[]"> 
     <option hidden selected>Please Select</option> 
     <option value="1">Test 1</option> 
     <option value="2">Test 2</option> 
     <option value="3">Test 3</option> 
    </select> 
<?php } ?> 

Answer 1

Pour éviter d'avoir à mantenir états de chaque sélectionner, ou quelque chose de similaire, mon approche serait de lire et de désactiver les options correspondantes lorsque vous changez une sélection

$('select').change(function() { 

    // First we enable all options. 
    $('select option:not(:first)').prop('disabled',false); 

    // Then we take each selected value and disable that option in all selects. 
    $('select').filter(function() { return $(this).val() != 'Please Select' }).each(function() { 
     $('select').not(this).find('option[value='+this.value+']').prop('disabled',true); 
    }); 

}); 

Ici vous avez un violon de travail ... https://fiddle.jshell.net/rigobauer/26ce42od/

Un conseil, je ne pense pas que vous pouvez utiliser des tableaux avec le id et va probablement vous donner des problèmes. Vous feriez mieux de définir un identifiant unique pour chaque sélectionner, qui est assez facile dans votre cas ...

<?php for ($i= 0; $i<5; $i++) { ?> 
    <select id="select<?=$i?>" name="select[]"> 
     <option hidden selected>Please Select</option> 
     <option value="1">Test 1</option> 
     <option value="2">Test 2</option> 
     <option value="3">Test 3</option> 
    </select> 
<?php } ?> 

J'espère que cela aide