计算两个不同HTML元素的总和,并使用Jquery/JavaScript在第三个div中显示

计算两个不同HTML元素的总和,并使用Jquery/JavaScript在第三个div中显示,javascript,jquery,html,Javascript,Jquery,Html,我有两个不同的HTML元素,我想计算总和并在第三个div中显示值 我有一个带有3个选项值的选择框和一个带有固定值的div。我想根据下拉列表中选择的选项计算总和 我试着去研究和解决这个问题。但我的情况有所下降,总的来说需要改变: 代码如下: $1100 $1200 $1300 $4.99 您可以使用substr从shipping元素中获取数字部分。然后将其添加到选定的值中。请尝试以下方法: $'select'.change函数{ var s=$'shipping'.text.substr

我有两个不同的HTML元素,我想计算总和并在第三个div中显示值

我有一个带有3个选项值的选择框和一个带有固定值的div。我想根据下拉列表中选择的选项计算总和

我试着去研究和解决这个问题。但我的情况有所下降,总的来说需要改变:

代码如下:

$1100 $1200 $1300 $4.99
您可以使用substr从shipping元素中获取数字部分。然后将其添加到选定的值中。请尝试以下方法:

$'select'.change函数{ var s=$'shipping'.text.substr1; $'total'。文本“$”+数字+数字$this.val; }; $“选择”。触发“更改”; $1100 $1200 $1300 $4.99
以下是您可以使用的示例:

函数选择\u更改值{ var shipping=parseIntdocument.getElementByIdshipping.innerHTML.substring1; document.getElementByIdtotal.innerHTML='$'+shipping+parseIntvalue; } $1100 $1200 $1300 $4.99
使用vanilla js而不使用不必要的第三方库来完成这种简单的任务怎么样

函数mySelectionselTag{ var selected=NumberselTag.options[selTag.selectedIndex].text.replace/[^0-9.-]+/g,; var default_val=Numberdocument.getElementById'shipping'.innerHTML.replace/[^0-9.-]+/g,; var total=所选+默认值; document.getElementById'total'.innerHTML=`$${total}`; } $1100 $1200 $1300 $4.99
您是否需要将其设置为多选?也就是说,把所有的选择加起来,或者在当前的选择中加上4.99?去做吧@AlexanderDeSousa Jusr在当前的基础上增加4.99selection@SahibjotSinghMaor在这里没有错,你需要先尝试一下。Stack Overflow不是免费的编码服务,在询问之前,您需要尽可能多地自己解决问题。@SahibjotSingh StackOverflow不是代码编写服务。您需要自己进行研究和尝试,如果您在某个方面遇到困难,您可以发布现有代码并告诉我们问题所在,然后我们可以提供帮助。非常感谢您的代码。在过去的8个小时里,我一直在努力让它工作。它真的很棒。非常感谢。谢谢你的代码,它运行得非常好。但我选择了另一个作为最佳答案,因为我无法通过select调用函数。我真的很感谢您抽出时间,并对您的答案进行了投票,因为这可能是有人可能寻找的解决方案。@SahibjotSingh不客气,没问题。祝你好运,朋友: