Discussion :

[renaud26]

Bonjour,

Voici le script adapté avec jQuery :
...

Bonjour Toufik,

Merci beaucoup. En fait cela fonctionne...jusqu'au 3ème select. Je select prénom. Ensuite département, ok, prénom est disabled. Le 3ème select est nom ; prénom et département sont disabled. Mais lorsque j'arrive au 4ème champ email, le premier, prénom, est à nouveau enabled...

Précision : ton code, tel quel, ne fonctionne pas du tout, je dois adapter comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
	$(document).on('change','.set_column_data', function(){
		console.log('change');
	  let values=$('.set_column_data')
		.map((i,s)=>{
		if($(s).val()!="")
			 return $(s).val();
		}).get();
 
	  $('.set_column_data option').removeAttr('disabled')
	  .parent().each((i,select)=>{
			if(!$(select).is(this))
			values.map(v=>{
			$(select).find('option[value="'+v+'"]').attr('disabled','disabled');
			});
	  });
	});

[NoSmoking]

Il y a un problème avec const allSelects = document.querySelectorAll("[name='set_column_data']");
Parce qu'un console.log retourne un tableau de length 0

puis ...

Précision : ton code, tel quel, ne fonctionne pas du tout, je dois adapter comme suit :

tu ne nous avais pas dit que tu chargeais ces <select> en Ajax !!!!

Il te faut dans ce cas faire l'initialisation en retour de requête.

En fait cela fonctionne...jusqu'au 3ème select.

Effectivement il semblerait qu'il y ai un soucis sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  let values = $('.set_column_data')
    .map((i, s) => {
      if ($(s).val() != "")
        return $(s).val();
    }).get();

... néanmoins, cela fonctionne avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
let values = $('.set_column_data')
  .map(function() {
    const value = this.value; // $( this ).val();
    if (value != "")
      return value;
  }).get();

[renaud26]

tu ne nous avais pas dit que tu chargeais ces <select> en Ajax !!!!

En effet, désolé...j'étais persuadé l'avoir fait

Le code de Toufik, modifié par No Smoking, fonctionne très bien !
Juste une dernière demande : est-il possible de créer une exception ? Je veux ajouter l'option "Ne pas importer" à chaque select, et bien sûr, cette option doit pouvoir être reproduite dans un autre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
			$html .= '<table class="table table-bordered"><tr>';
 
			for($count=0; $count < count($file_header); $count++){
				$html .= '<th>
				<select name="set_column_data" class="form-select form-control set_column_data" data-column_number = "'.$count.'">';
 
				//if($count == 0)
					$html .= '<option value="">Choix</option>';
					$html .= '<option value="ne_pas_importer">Ne pas importer</option>';
					foreach($array_fields as $value=>$etiquette){
						$html .= '<option value="'.$value.'">'.$etiquette.'</option>';
					}
				//}
 
				$html .= '</select></th>';
			}
			$html .= '</tr>';

[NoSmoking]

En effet, désolé...j'étais persuadé l'avoir fait

Juste une dernière demande : est-il possible de créer une exception ? Je veux ajouter l'option "Ne pas importer" à chaque select, et bien sûr, cette option doit pouvoir être reproduite dans un autre

Il te suffit d'ajouter une option comme :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="-1">No import</option>

et de l'exclure du test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$('.set_column_data option').removeAttr('disabled')
  .parent().each((i, select) => {
    if (select != this) {
      values.map(v => {
        if (-1 != v) {
          $(select).find('option[value="' + v + '"]').attr('disabled', 'disabled');
        }
      });
    }
  });

[renaud26]

Merci à tous c'est super top !!!