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

使用jquery操作选择选项

2 个答案: