Dev Faq
-2
votes

Y a-t-il un moyen de désactiver les options de sélection 2 qui ont des valeurs plus grandes que la valeur de l'option sélectionnée dans SELECT 1

J'ai deux sélectionner dans un formulaire. Ce ne sont pas des frères et sœurs. Ils ont tous deux 15 options qui ont 1-15 valeurs. Et ce que je dois obtenir, c'est que lorsqu'une option est sélectionnée parmi Sélectionnez un STRT>, qui a une valeur de 5. Ensuite, les options de Select B forts> qui a une valeur supérieure à 5 devrait Soyez désactivé.

Ceci est mon code: p>

p> 

<select name="" id="children">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>
<select name="" id="child_going_school">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>

5 commentaires

Qu'avez-vous fait jusqu'à présent?

J'ai désactivé la même option de valeur à partir de la sélection 2. mais je ne peux pas les obtenir plus grandes que la valeur sélectionnée.

Postez votre code :)

$ ('# enfants'). CHANGEMENT (fonction () {VAR VALEUR = $ (ceci) .val (); $ ('# enfantine_atulool'). Enfants ("Option"). Chaque (Fonction () { if ($ (ceci) .val () === valeur) {$ (this) .attr ('désactivé', true) .Siblings (). RemoVeattr ("désactivé");}});});

@Nomirajput post votre code dans la question plutôt dans les commentaires

5 Réponses :

1
votes

Vous pouvez essayer le code suivant xxx

dans cette option si la deuxième valeur de liste déroulante est supérieure à celle d'abord, définissez sa valeur en première valeur déroulante. J'espère que cela vous aide

1 commentaires

Merci pour votre commentaire. Cela a aidé beaucoup.

0
votes

Vous pouvez utiliser filtre () code> pour obtenir l'option avec des valeurs plus élevées telles que:

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="" id="children">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>
<select name="" id="child_going_school">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>

1 commentaires

Heureux d'aider :)

0
votes

Obtenir d'abord la valeur de la première dérive, puis comparativement et désactivez comme ci-dessous.

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="" id="children">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>
<select name="" id="child_going_school">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>

0 commentaires
0
votes

Vous pouvez itérer via des options enfant_atul_school code>, déclencher l'événement de changement une fois chargé et vérifiez avec la valeur de enfants code> Sélectionnez: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="" id="children">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>
<select name="" id="child_going_school">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
</select>

0 commentaires
0
votes 
<script>
$(document).ready(function(){
  $('#children').change(function(event){
   $('#child_going_school').children().each(function(_, el) {
    $(el).prop('disabled', Number($(el).val()) > event.target.value);
  });
  });
});
</script>
2 commentaires

Bienvenue à! Veuillez ajouter quelques explications à votre réponse.

Dans cette première méthode de changement de liste déroulante, nous pouvons vérifier l'option sélectionnée avec la deuxième valeurs d'options de liste déroulante. Si la deuxième valeur des options de liste déroulante est supérieure à la valeur sélectionnée, cette option doit être désactivée sinon elle doit être activée à l'aide de l'événement et de chaque méthode. En utilisant un événement, nous pouvons obtenir la valeur sélectionnée de la première liste déroulante et la méthode des enfants () est utilisée pour obtenir les deuxièmes options de liste déroulante.

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO