манипулировать опциями выбора с помощью 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); 


}); 

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

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

благодарит за любую помощь.

Answer 1

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

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

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

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

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

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

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

Answer 2

читать Select Option Value

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

читать выделенный текст

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