манипулировать выбранными параметрами с помощью jquery

Question

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

<form>  
 <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>

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

    </form>

   $(function() {

//function to go through all of the select boxes and get their values based on their change state.

var qty=0;var price=0;items="";
$(".select").each(function() {

    $(this).change(function(){
        qty =($(this).text());
        price = (($(this).val()) * qty);
        items = ($(this).prevAll(".descriptionsColor").text() );
    });

});



//function to add items to shopping cart when add button is clicked.
$('#my-add-button').click(function() {

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


});

Мне нужно получить значение и текст полей выбора при изменении и умножить их, чтобы получить цену, а также получить описание элемента в теге span с классом.

Нужно ли использовать переменные-массивы для хранения значений, текста и цен?

спасибо за любую помощь.

Answer 1

выбор выбранного значения может быть достигнуто следующим образом:

$("#Select1").val();

выделение текста из выбранного элемента можно сделать следующим образом:

$("#Select1 option:selected").text()

так вы бы сказали

qty = $(this).find('option:selected').text();
price = $(this).val();

тогда у вас есть правильное количество и цена Вы можете умножить их и распечатать где-нибудь

Answer 2

Для чтения Выберите значение параметра

$('#selectId').val();

Для чтения выбранного текста

$('#selectId>option:selected').text();