Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery操作选择选项_Jquery - Fatal编程技术网

使用jquery操作选择选项

使用jquery操作选择选项,jquery,Jquery,我正在尝试获取多个选择框的值和文本,并将它们添加到隐藏字段中,请任何人提供帮助 <form> <select class="select" name="select" id="select"> <option value="0">0</option> <option value="1.99">1</option> <option value

我正在尝试获取多个选择框的值和文本,并将它们添加到隐藏字段中,请任何人提供帮助

<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标记中的项目描述

我是否需要使用数组变量来存储值、文本和价格


谢谢你的帮助

选择所选值可以通过以下方式实现:

$("#Select1").val();
可以通过以下方式从所选项目中选择文本:

$("#Select1 option:selected").text()
你会这么说吗

qty = $(this).find('option:selected').text();
price = $(this).val();
那么您就有了正确的数量和价格
您可以将它们相乘并打印到某个地方

以读取选择选项值

$('#selectId').val();
阅读所选文本的步骤

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

我在一个页面中有很多选择框,我不能用给定的类遍历它们,并获得它们的更改状态所需的值和文本。谢谢