как найти выбранное значение и текст в нескольких полях выбора и добавить их в скрытые поля

Question

Я застрял с этой проблемой уже некоторое время, но я просто не могу найти способ ее исправить. Я был бы очень признателен, если бы кто-нибудь мог мне помочь.

У меня есть несколько блоков выбора на 1 странице, мне нужно получить текст полей выбора (количество товара) и значение полей выбора (цена товара) и описание товара, которое в теге span с описанием класса Color

и когда кто-то выбирает что-то из первого поля выбора и что-то из второго и т. Д., Мне нужно добавить название, количество и общую стоимость каждого элемента в скрытые поля.

поэтому скрытое поле будет включать: для имени: кол-во item 1 + item1 name, кол-во item2 + item2 name ... Цена: общая стоимость всех товаров.

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