Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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
Javascript 将select2中选项的值相加_Javascript_Html_Jquery_Jquery Select2_Jquery Select2 4 - Fatal编程技术网

Javascript 将select2中选项的值相加

Javascript 将select2中选项的值相加,javascript,html,jquery,jquery-select2,jquery-select2-4,Javascript,Html,Jquery,Jquery Select2,Jquery Select2 4,基本上,我使用Select2(jquery中的一个库)创建一个dropdownlist。 我正试图弄清楚,如何将用户选择的每个选项的值相加 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width&quo

基本上,我使用Select2(jquery中的一个库)创建一个dropdownlist。 我正试图弄清楚,如何将用户选择的每个选项的值相加

代码如下:

<!DOCTYPE html>
  <html>
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> 
       </script> 
  
         <!--These jQuery libraries for chosen need to be included-->
         <script src= "https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"> 
        </script> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css"/> 
  
        <!--These jQuery libraries for select2  
            need to be included-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"> 
       </script> 
        <link rel="stylesheet" 
              href= "https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" /> 
        <script>
        $(document).ready(function () { 
               //Select2 
                $(".country").select2({ 
                    maximumSelectionLength: 2,  
                }); 
                //Chosen 
                $(".meals").chosen({ 
                    max_selected_options: 10, 
                }); 
            }); 
        </script> 
  </head>
  <body>

    
  <form> 
        <h2>Calculate Fruit and Vegatables Calories</h2> 
        <select class="meals" multiple="true" style="width: 200px;" id="meals"> 
        <option value="60">Apples</option> 
        <option value="70">Oranges</option> 
        <option value="65">Bananas</option>
        <option value="72">Carrots</option>
        <option value="69">Tomatoes</option>

      </select>
        <button id="button" onclick="Addingvalues()">Calculate!</button>
    </form> 

  <script src="script.js"></script>
  </body>
</html>

$(文档).ready(函数(){
//选择2
$(“.country”)。选择2({
最大选择长度:2,
}); 
//精选
$(“.fends”)。已选择({
最大选定选项数:10,
}); 
}); 
计算水果和蔬菜的卡路里
苹果
橘子
香蕉
胡萝卜
西红柿
算算!
代码的目的是使用一些js和jquery汇总所选食物的总热量

如何创建对所选选项的总值求和的函数


提前谢谢

你可以这样做

const Addingvalues=()=>{
const options=document.getElementById(“膳食”).options;
设和=0;
for(设i=0;i