Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/278.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 计算价格通过按钮选择文本区域_Javascript_Php_Html_Select - Fatal编程技术网

Javascript 计算价格通过按钮选择文本区域

Javascript 计算价格通过按钮选择文本区域,javascript,php,html,select,Javascript,Php,Html,Select,我想在选择中输入标签“precio”的值,求出这些值的总和,并在单击按钮后放入文本区域“cuenta”“añadir al-pedido”。 的标签“值”选择保存在文本区域“pedido” window.jQuery | | document.write(“”) 函数演算(){ 变量cuenta=0.00: $('pedido').val($('pedido').val()+“\n”+$('Pizzas option:selected').text()); var newPrice=cuent

我想在选择中输入标签“precio”的值,求出这些值的总和,并在单击
按钮后放入
文本区域
“cuenta”
“añadir al-pedido”。 的
标签
“值”选择保存在
文本区域
“pedido”

window.jQuery | | document.write(“”)
函数演算(){
变量cuenta=0.00:
$('pedido').val($('pedido').val()+“\n”+$('Pizzas option:selected').text());
var newPrice=cuenta;
var newPrice+=parseFloat($(this).find('#Pizzas选项:selected').attr('precio');
$('pedido').val($('pedido').val()+“\n”+$('Bebidas option:selected').text());
var newPrice+=parseFloat($(this).find('#Bebidas option:selected').attr('precio');
$(“#cuenta”).html(新价格);
}


根据你的描述,我想这就是你想要的。 只要告诉我我错了,告诉我这是否是你所期望的。 希望能有所帮助

函数演算(){
让total=parseInt($('Pizzas').val())+parseInt($('Bebidas').val());
$('cuenta').val(总计);
}

选择1
1.
2.
3.
4.

选择2 5. 6. 7. 8.

Añadir al-Pedido
看看这个

在选择列表中选择任何项目时,select元素将获取所选项目的值。另外,您不应该更改textarea内部html,您必须更改其值

js引擎的工作原理有一些细微差别。
+“123”
它与
parseInt(“123”)
相同。事件更好,因为parseInt删除提醒,但
+“12.3”返回12.3

如果将选择列表包装在表单中,则可以向其添加
require
属性,然后检查是否选择了任何项目

让allOrdersTotalSumm=0
let form=document.querySelector(“#订单”)
让pizas=document.querySelector(“#Pizzas”)
让饮料=document.querySelector(“#饮料”)
让priceArea=document.querySelector(“#cuenta”)
让selectedArea=document.querySelector(“#pedido”)
document.querySelector(“#calc”).addEventListener('click',calcTotalSum,false)
函数calcTotalSum(){
//检查是否已拾取项目
如果(!form.reportValidity()){
返回错误
}
设totalSum=+pizas.value++pizas.value
让selectedPiza=pizas.options.item(pizas.options.selectedIndex)
让selectedDrink=drinds.options.item(drinds.options.selectedIndex)
selectedrea.value+=`${selectedPiza.textContent}和${selectedDrink.textContent}.Total:${totalSum}\n`
AllordersTotalSum+=总和
priceArea.value=allorderstotalsum
//重置列表以创建新订单
表单.重置()
}

请选择你的比萨饼
奶酪披萨
奶酪芝士披萨
芝士比肯芝士披萨
请选择您的饮料
焦炭
百事可乐
米尔基斯

Añadir al-Pedido
您面临的问题似乎是什么?如果我没有弄错,您需要的是基于选择选项的汇总数据,并在单击按钮后将其复制到文本区域,对吗?