0
votes

Désactiver les options dans Sélectionner

J'ai une sélection avec des options. Je veux désactiver les options en fonction des identifiants. Certaines options ont le même identifiant. Lorsque je désactive les options, cela ne désactive qu'un seul identifiant (la première option de la DB).

Comment puis-je obtenir la jQuery pour désactiver toutes les options avec ID = 0

. php xxx


2 commentaires

Si vous avez plus d'une option avec l'ID = 0 Votre HTML n'est pas valide comme des identifiants doivent être uniques. Mieux vaut utiliser des classes à la place ou écrire la valeur à un attribut de données.


En outre, vous voulez probablement utiliser les attributs d'option valeur


4 Réponses :


1
votes

Appliquer le même ID sur plusieurs éléments n'est pas une bonne pratique. Je vous recommanderais d'utiliser la classe dans ce cas, au lieu d'ID. Puis pour désactiver tout ce que vous feriez: xxx


0 commentaires

0
votes

Essayez ceci:

html: xxx

jQuery: xxx

jsfiddle: https://jsfiddle.net/bmr1zsq9/

Je pense que ce n'est pas un bon façon d'avoir plusieurs identifiants avec les mêmes valeurs. Vous devez utiliser la valeur nom de nom ou de valeur ou de classe pour avoir un HTML


0 commentaires

0
votes

Vous pouvez soit utiliser l'attribut de classe ou l'attribut personnalisé comme des données et vous pouvez l'appeler à l'aide de SELECTEURS JQUERY.

<select id="select_id" name="select_id">
   <option data-id="<?php echo $item->part; ?>"><?php echo $item->part; ?></option>
</select>
<script>
 $('select option[data-id="0"]').attr('disabled', 'disabled');
</script>


0 commentaires

0
votes

Le problème que vous avez est dû au fait que vous utilisez des identifiants, le DOM s'attend à ce que l'ID soit unique, ne fonctionnera donc pas de manière récursive. Veuillez mettre à jour votre code pour utiliser des classes HTML et non des identifiants.

I.e. P>

<select id="select_id" name="select_id">
   <option value="val1" class="sel1">01</option>
   <option value="val2" class="sel2">02</option>
   <option value="val3" class="sel3">03</option>
   <option value="val4" class="sel1">04</option>
</select>


0 commentaires