-2
votes

Comment obtenir la valeur de Select Tag avec certains attribut de classe et de données?

$('#participant-detail .quantity').find("select[data-short-name='8']").val()

javascript jquery html

4 commentaires

Simplifier en combinant le premier sélecteur avec la seconde? Boucle sur les éléments sélectionnés?

Trouver () regarde les enfants d'un élément, de sorte que vous n'en avez pas besoin ici. Ajoutez simplement le sélecteur d'attribut à la fin de la classe: $ ('# Détail du participant .Quantité [Nom de données-short =' 8 '] "). Val ()


                                        
                                                                             $ ('# Participant-détail de détail ")  C'est déjà le  Sélectionnez 

                                        
                                                                            Qu'en est-il de : nième enfant ()  ??



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                      $ ('# participant-détail de détail'). Trouver ("Sélectionnez [Data-short-nom = '8']")  code> ne renvoie aucun élément car il n'y a pas d'enfant de  # Participant-détail de détail de participant  Code> Sélecteur avec critères de correspondance  Sélectionnez [Data-short-Nom = '8']  code>. 
 Vous pouvez essayer de suivre l'approche souhaitée pour obtenir le résultat souhaité .  p> 
  p> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='participant-detail'>
      <select class="form-control quantity" data-short-name="8"> 
      <option value="a">A</option>
      </select>

      <select class="form-control quantity" data-short-name="6"> 
        <option value="b">B</option>
      </select>
</div>

                                

                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    Cela ne renvoie que le premier élément?                                                
                                                
                                                                                            
                                                    C'est ce que l'OP demande.                                                
                                                
                                                                                            
                                                    @RoryMCcrossan mon mauvais. C'est moi pas bien lire.                                                
                                                
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Utiliser  document.getelementByID  code> Pour sélectionner le  div  code> (code> QuerySelector  code> pour sélectionner le premier enfant 
  p> 


<div id='participant-detail'>
  <select class="form-control quantity" data-short-name="8">
  </select>

  <select class="form-control quantity" data-short-name="6">
  </select>
</div>

                                

                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Vous n'utilisez pas jQuery que l'OP a demandé.                                                
                                                
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                      Recherche ()  code> essaie de trouver l'élément Select Inside inside  $ ('# de détail de participant "de détail")  code> qui est l'élément lui-même. Ainsi,  trouver ()  code> ne parvient pas à cibler l'élément. 
 Vous n'avez pas besoin d'utiliser  trouver ()  code>, vous pouvez spécifier le sélecteur  attribut  em> dans le sélecteur principal:  p> 
  p > 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='participant-detail'>
    <select class="form-control quantity" data-short-name="8"> 
      <option value="1111">1111</option>
      <option value="2222" selected>2222</option>
    </select>

    <select class="form-control quantity" data-short-name="6">
      <option value="1111" selected>1111</option>
      <option value="2222">2222</option>
    </select>
</div>

                                

                                                                    
                                    
                                    
                                        0 commentaires