Wie finde ich den ausgewählten Wert und den Text von mehreren Auswahlfeldern und füge sie zu versteckten Feldern hinzu

Question

Ich bin seit einiger Zeit mit diesem Problem festgefahren, ich finde einfach keinen Weg, es zu beheben.Ich würde Ich schätze es wirklich, wenn mir jemand helfen könnte.

Ich habe mehrere Auswahlfelder auf 1 Seite, ich muss den Text der Auswahlfelder (was die Menge eines Artikels ist) und den Wert der Auswahlfelder (der Preis des Artikels) und die Artikelbeschreibung, die ist in einem span-Tag mit einer Klasse descriptionColor,

und wenn jemand etwas aus dem ersten Auswahlfeld und etw von der zweiten und so weiter wählt, muss ich den Namen des Artikels, Menge und Gesamtpreis jedes Elements zu verstecken hinzufügen Felder.

so das versteckte Feld würde gehören: für Name: Menge von Artikel 1 + Artikel1 Name, Menge von Artikel2 + Artikel2 Name ... für Preis: Gesamtpreis aller Artikel.

<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()); 
});