Javascript 将产品信息添加到购物车

Javascript 将产品信息添加到购物车,javascript,jquery,html,opencart,Javascript,Jquery,Html,Opencart,我有一个购物车功能,可以向其中添加商品,但我无法让它添加该商品的详细信息。现在它只提取一般数据,我希望它能得到产品名称、位置和日期。我知道有一种方法可以获取HTML的文本,但不知道如何将其添加到此脚本中。以下是HTML标记: var cartOpen=false; var numberOfProducts=0; $('body')。打开('click','js toggle cart',toggleCart); $('body')。在('click','js add product',addP

我有一个购物车功能,可以向其中添加商品,但我无法让它添加该商品的详细信息。现在它只提取一般数据,我希望它能得到产品名称、位置和日期。我知道有一种方法可以获取HTML的文本,但不知道如何将其添加到此脚本中。以下是HTML标记:

var cartOpen=false;
var numberOfProducts=0;
$('body')。打开('click','js toggle cart',toggleCart);
$('body')。在('click','js add product',addProduct');
$('body')。打开('click','js remove product',remove product);
功能切换卡(e){
e、 预防默认值();
如果(卡通笔){
closeCart();
返回;
}
openCart();
}
函数openCart(){
cartOpen=true;
$('body').addClass('open');
}
函数closeCart(){
cartOpen=false;
$('body').removeClass('open');
}
功能添加产品(e){
e、 预防默认值();
openCart();
$('.js cart empty').addClass('hide');
var product=$('.js购物车产品模板').html();
$(“.js购物车产品”).prepend(产品);
numberOfProducts++;
}
功能移除产品(e){
e、 预防默认值();
产品数量--;
$(this).closest('.js cart product').hide(250);
如果(numberOfProducts==0){
$('.js cart empty').removeClass('hide');
}
}

将产品添加到购物车


这将选择产品标题的文本

$('.product__title').text()
这将获得选定的国家/地区选项文本和值

$('#country option:selected').val()
$('#country option:selected').text()
这将得到你的约会

$('#pu-2lc').val()
一旦你有了文本,你可以把它放在你想要的地方。只需查看代码,就可以在
addProduct()方法。请让我知道,如果这是你正在寻找的。如果我们自己有购物车的代码,我可以提供更多的见解。

这就是我想要的。对不起,我完全忘了添加购物车代码。目前,我只是把占位符项目在那里。我将编辑HTML片段以获得购物车。@james I更新了srcipt,使其包含以下行:$(“h1”).text(“.product_utitle”),但这似乎只是返回字段中的文本,而不是实际获得正确的标题。我做错了什么?嘿,Nate,首先,我会在carts产品标题中添加一个类,针对H1可以针对页面上的多个H1,但现在您要做的是,var productTitle=$('.product_utitle').text()$(“h1”)。文本(产品名称);这是完全有效的,但它使h1加倍,这是我不想要的。我有一种感觉,这与上面提到的prepend online有关。您可以在此处看到它的作用:。页面上的第一项是我设置的。我实际上能够让它工作,只需要在脚本中移动位置。但是现在我遇到了一个问题,当我添加项目时,它只是不断地获取每个项目的描述、日期和位置,并编译它们。如何使其仅添加选定的项目?