Comment obtenir la valeur d'attribut à partir des options de la boîte de sélection

Anup

Je suis coincé dans l'une des fonctionnalités uniques en utilisant la boîte de sélection. Html est comme:

<select name="hello" id="hello" >
   <option selected="selected" value="Please Select">Please Select</option>
    <option data-att="one">abc</option>
    <option data-att="one">sd</option>
    <option data-att="one">wer</option>
    <option data-att="two">uio</option>
    <option data-att="two">abc</option>
    <option data-att="two">sd</option>
    <option data-att="three">wer</option>
    <option data-att="three">tyu</option>       
</select>

Maintenant, je veux créer un tableau de ces valeurs data-att à partir de cette boîte de sélection sans sélectionné, COMME:

var arr = new Array(); arr=['one','two','three'];

Il fonctionnera à l'état de chargement de la fenêtre qu'il utilisera pour une autre valeur dynamique de liste déroulante après le chargement de la fenêtre. Mais je veux une valeur data-att une fois qui du même attribut.

gouradio

var arr=[];
$('#hello option').each(function(){
  if($.inArray($(this).attr('data-att'), arr) == -1) { //check if id value not exits than add it
    arr.push($(this).attr('data-att'))
    
    }


})
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="hello" id="hello">
  <option selected="selected" value="Please Select">Please Select</option>
  <option data-att="one">abc</option>
  <option data-att="one">sd</option>
  <option data-att="one">wer</option>
  <option data-att="two">uio</option>
  <option data-att="two">abc</option>
  <option data-att="two">sd</option>
  <option data-att="three">wer</option>
  <option data-att="three">tyu</option>
</select>

Utilisez $.inArray()pour vérifier si la valeur existe dans le tableau sinon ajouter sur arr

te donnera [undefined, "one", "two", "three"]

var arr = [];
$('#hello option').each(function() {
  if ($(this).attr('data-att')) {
    if ($.inArray($(this).attr('data-att'), arr) == -1) { //check if id value not exits than add it
      arr.push($(this).attr('data-att'))

    }
  }



})
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="hello" id="hello">
  <option selected="selected" value="Please Select">Please Select</option>
  <option data-att="one">abc</option>
  <option data-att="one">sd</option>
  <option data-att="one">wer</option>
  <option data-att="two">uio</option>
  <option data-att="two">abc</option>
  <option data-att="two">sd</option>
  <option data-att="three">wer</option>
  <option data-att="three">tyu</option>
</select>

Vous pouvez ajouter une instruction If supplémentaire pour vous assurer que seule l'option avec attr data-attsera comptée

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

TOP liste

  1. 1

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  2. 2

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  3. 3

    Microsoft.WebApplication.targets

  4. 4

    knn classification 10 plis de l'outil et du tri

  5. 5

    Créer un système Buzzer à l'aide de python

  6. 6

    Quelle est la relation entre le modèle et le tableau ? C'est compliqué

  7. 7

    AutoMapper.Collection.EFCore - Erreur générée lors de la configuration

  8. 8

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  9. 9

    Fonction de puissance en Java

  10. 10

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

  11. 11

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  12. 12

    Comment remplir les valeurs manquantes avec plusieurs colonnes dans R

  13. 13

    Comment puis-je ajouter un UIView sous mon contrôleur de barre d'onglets par programme?

  14. 14

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  15. 15

    Sélectionnez le bouton radio sur la saisie de texte

  16. 16

    Comment rechercher des éléments dans une ArrayList? - Java

  17. 17

    opérations en virgule flottante dans go

  18. 18

    Yat-il un référentiel maven application Java à démarrer rapidement 11

  19. 19

    Placez le modeBar en haut au centre à l'aide de plotly.js

  20. 20

    Comment définir la couleur de l'intersection dans un diagramme de Venn?

  21. 21

    Récupérer plusieurs dépôts git dans le même espace de travail Jenkins

chaudétiquette

Archive