Javascript jQuery在更改时获取html5数据值
我有一个带有数量选择下拉列表和立即购买按钮的表单Javascript jQuery在更改时获取html5数据值,javascript,jquery,Javascript,Jquery,我有一个带有数量选择下拉列表和立即购买按钮的表单 <a href="#" rel="nofollow" data-product_id="75" data-product_sku="75" data-popup_id="popup_content_75" data-quantity="5" class="add_to_cart_button_popup button alt">Buy Now</a> <div class="quantity buttons_adde
<a href="#" rel="nofollow" data-product_id="75" data-product_sku="75" data-popup_id="popup_content_75" data-quantity="5" class="add_to_cart_button_popup button alt">Buy Now</a>
<div class="quantity buttons_added">
<input type="button" value="-" class="minus">
<input type="number" step="1" name="quantity" value="1" title="Qty" class="input-text qty text">
<input type="button" value="+" class="plus"></div>
它工作正常。但是当用户选择另一个数量(比如7)并单击buy now时,它应该显示如下消息
{product title} 7X has been added to your order
但它仍然显示相同的{product title}5X已添加到您的订单
消息中
有人能告诉我怎么了吗
这是我的jQuery代码
var quantity = $(this).data("quantity");
$('span.itemcount').replaceWith(""+ quantity +" X");
$(this).数据(“数量”)
始终来自静态数据数量=“5”
,其中this
是标签A
$(此).数据(“数量”)
将从锚点获取数据
A
标签将始终为5。您需要从中获取值
你可以这样做
$(".input-text").value
下面是从给定链接更新锚代码的代码
// JavaScript source code
jQuery(document).ready(function (e) {
e(document).on("click", ".plus, .minus", function () {
var t = e(this).closest(".quantity").find(".qty"),
n = parseFloat(t.val()),
r = parseFloat(t.attr("max")),
i = parseFloat(t.attr("min")),
s = t.attr("step");
if (!n || n == "" || n == "NaN") n = 0;
if (r == "" || r == "NaN") r = "";
if (i == "" || i == "NaN") i = 0;
if (s == "any" || s == "" || s == undefined || parseFloat(s) == "NaN") s = 1;
e(this).is(".plus")
? r && (r == n || n > r) ? t.val(r) : t.val(n + parseFloat(s))
: i && (i == n || n < i) ? t.val(i) : n > 0 && t.val(n - parseFloat(s));
t.trigger("change");
});
});
//JavaScript源代码
jQuery(文档).ready(函数(e){
e(文件)。在(“单击“,”.plus,.减号)”上,函数(){
var t=e(此),
n=parseFloat(t.val()),
r=parseFloat(t.attr(“max”),
i=parseFloat(t.attr(“min”),
s=t.attr(“步骤”);
如果(!n | | n==“”| | n==“NaN”)n=0;
如果(r==”| r==“NaN”)r=“”;
如果(i==“”| i==“NaN”)i=0;
如果(s=“任意”| | s=”| | s==未定义的| | parseFloat(s)=“NaN”)s=1;
e(这)是(“.加”)
t.val(r):t.val(n+s))
:i&&(i==n|n0&&t.val(n-parseFloat(s));
t、 触发(“变更”);
});
});
我把它修好了。当我使用like时它就起作用了
var quantityid = $(this).attr('id');
var quantity = $("#" + quantityid + "").attr("data-quantity");
$('span.itemcount').replaceWith(""+ quantity +" X");
嗨,谢谢。但这种投入不是动态的。我的意思是,如果我增加输入按钮的值,该值实际上会改变数据量。数据量属性在href链接按钮中定义。更改输入按钮值时,可能无法正确反映href链接的数据量属性。我也能看看那个代码吗?
var quantityid = $(this).attr('id');
var quantity = $("#" + quantityid + "").attr("data-quantity");
$('span.itemcount').replaceWith(""+ quantity +" X");