Bonjour à tous,

J'essai de supprimer une option dans un select sans succés,

voici mon code:

													<select name="idperiodicite" class="chosen-select" tabindex="-1" id="selectBox">
														{% for period in periodicite %}
															<option style="text-align:left" value="{{ period.id }}">JOUR - {{ period.libelle }} </option>
														{% endfor %}
													</select>

voici le code jquery:

								$('#selectBox option').each(function() {
									if ( $(this).val() == 1 ) {
										$(this).remove();
										alert('test');
									}
								});

il affiche bien "test" lorsque j'execute mais ne supprime pas l"element dans le select

une solution svp ,

merci

-
Edité par alinftu 4 juillet 2020 à 14:22:07

salut,

chez moi ça marche bien :

<select class="bla" name="bla">
  <option value="1">un</option>
  <option value="2">deux</option>
</select>

<script type="text/javascript">
$(".bla option").each(function(){
  if ( $(this).val() == "1" ) { //pareil avec 1 ou "1"
        $(this).remove();
        alert('test');
    }
});

Essaie de voir si ya pas d'erreur dans la console du navigateur. Peut-être que tu as plusieurs éléments et que certains n'existent pas encore dans le code quand tu lances la fonction each. 

oui possible que c'est peut etre la mise en cache du navigateur , vu que j'utilise symfony.

j'ai dejà trouver une autre solution le matin bien meilleur en supprimant la balise select , Si xa marche chez toi, Ok c bon alors.

merci