comment trouver la valeur sélectionnée et le texte de plusieurs boîtes de sélection et les ajouter à des champs cachés

Question

Je suis coincé avec ce problème depuis un certain temps maintenant, je ne trouve tout simplement pas un moyen de le réparer.J'ai vraiment apprécier si quelqu'un pouvait m'aider. J'ai plusieurs boîtes de sélection sur une page, je dois obtenir le texte des boîtes de sélection (qui est la quantité d'un article) et la valeur des boîtes de sélection (le prix de l'article) et la description de l'élément qui est dans une balise span avec une classe descriptionCouleur,

et quand quelqu'un choisit quelque chose de la première boîte de sélection et sth de la deuxième et ainsi de suite, je dois ajouter le nom de l'article, la quantité et le prix total de chaque élément à caché des champs.

de sorte que le champ caché comprendrait: pour nom: qté de l'article 1 + Item1 nom, qté de item2 + article2 nom ... Prix: prix total de tous les articles.

<td><span class="descriptions"><span class="descriptionsColor">MIXED SALAD</span></span></td> 
     <td>&nbsp;</td> 
     <td class="body"> 

     <select class="select" name="select3" id="select3"> 
      <option value="0">0</option> 
      <option value="1.99">1</option> 
      <option value="1.99">2</option> 
      <option value="1.99">3</option> 
      <option value="1.99">4</option> 
      <option value="1.99">5</option> 
      <option value="1.99">6</option> 
      <option value="1.99">7</option> 
      <option value="1.99">8</option> 
     </select> 

     </td> 

    <td><span class="descriptions"><span class="descriptionsColor">ONION RINGS</span></span></td> 
     <td class="body">10 Pieces</td> 
     <td><span class="body"> 
      <select class="select" name="select" id="select"> 
      <option value="0">0</option> 
      <option value="1.99">1</option> 
      <option value="1.99">2</option> 
      <option value="1.99">3</option> 
      <option value="1.99">4</option> 
      <option value="1.99">5</option> 
      <option value="1.99">6</option> 
      <option value="1.99">7</option> 
      <option value="1.99">8</option> 
      </select> 
     </span></td> 
      .. 
      .. 

$(function() { 
    $('#my-add-button-sides').click(function() { 

    var qty = []; 
    var price = []; 
    var items = []; 
    $('.select').children('option :selected').each(function() { 
     var $this = $(this); 
     qty.push($this.text()); 
     price.push($this.val()); 
     items.push(($(this).prevAll(".descriptionsColor").text())); 
    }); 

    var randomNumber = Math.floor((Math.random() * 9000)+200); 
    $('input[name=my-item-id]').val(randomNumber); 
    $('input[name=my-item-name]').val(items); 
    $('input[name=my-item-price]').val(price * qty); 


}); 
}); 

Answer 1

$("#tableid").find(".select").each(funcion(){ 
    alert($(this).val()); 
});