所以我有一个充满菜单选项的数组:
var entreescontent=new Array();
entreescontent[0]="Taco Plate";
entreescontent[1]=4.50;
entreescontent[2]="Three tacos of your choice of beef,chicken,pork,or veggie. Served with a side of rice.";
entreescontent[3]="Burrito";
entreescontent[4]=5.50;
entreescontent[5]="Your choice of beef,chicken, pork, or veggie wrapped in a flour tortilla with lettuce, tomato, sour cream, and beans.";
entreescontent[6]="Torta";
entreescontent[7]=4.50;
entreescontent[8]="Your choice of beef,chicken, pork, or veggie in between slices of mexican loaf bread with lettuce, tomato, sour cream, and beans.";
entreescontent[9]="Gorditas";
entreescontent[10]=4.00;
entreescontent[11]="Your choice of beef,chicken, pork, or veggie on top of a corn flour cake with lettuce, tomato, sour cream, and beans.";
当有人点击我的导航栏上的“Entrees”时,此函数会显示页面上的内容:
function setCourses(entrees){
var k=0;
var element=document.getElementById('contentbody');
element.innerHTML='';
while(k<entrees.length){
var name=entrees[k];
var space=" $<span>";
var price=entrees[k+1];
var break1="</span><br />";
var break2="<br />";
var description=entrees[k+2];
var concat=name+space+price+break1+description+break2+break2;
element.innerHTML+=concat;
k+=3;
}
}
这可以正常工作并显示如下类(class):
炸 Jade 米饼盘 4.5 美元
三种炸 Jade 米饼,可选牛肉、鸡肉、 pig 肉或蔬菜。配上米饭。
在我的 CSS 中,当用户将鼠标悬停在价格(附加了 span 元素)上时,价格会更改为不同的颜色。 我想要做的是,当人们点击该价格时,我希望能够检索该值,以便我可以将其添加到购物车中,我将其作为空白:
<div id='car'></div>.
使用 Javascript 我该如何尝试做到这一点?
最佳答案
这是一些快速而肮脏的东西
<script>
var price = 0;
function add(the_price){
price =+ the_price;
//update value
document.getElementById("car").innerHTML=price;
}
</script>
//from your code
var space=" $<span onclick='add(" + entrees[k+1] + ")'>";
与减号相同...
关于Javascript 从数组中检索购物车的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16322129/