Question

我在订单表格中添加了一个数量字段，其中以卡片方式添加商品：

        function updateArchive(id,quant) {
    jQuery.ajax({
        type: "POST",
        url: "' . GBC_PLUGIN_URL . '/includes/gb-order.php",
        data: { "gbID": id , "qtty": quant },
        success: function(data){
            alert("' . __('Item added successfully!', 'gbcart') . '");
        },
        error: function(data){ 
            alert("' . __('This item already exists!', 'gbcart') . '");
        },
    });
}

放入购物车的商品的数量是用“quant”设置的，好吧，这是我的问题：

使用以下命令启动函数“updateArchive”：

    <td class="basket"><a href="#" class="gb-button" onclick="updateArchive(125,5); return false;">' . __('Auf die Bestellliste', 'gbcart') . '</a></td>

我唯一需要动态改变的是上面例子中的数字“5”。

当我在输入中插入数字时，需要显示此数字而不是“5”。

Answer 1

试试这个：

function updateArchive(id) {
    var quant = $('input').val();
    jQuery.ajax({
        type: "POST",
        url: "' . GBC_PLUGIN_URL . '/includes/gb-order.php",
        data: { "gbID": id , "qtty": quant },
        success: function(data){
            alert("' . __('Item added successfully!', 'gbcart') . '");
        },
        error: function(data){ 
            alert("' . __('This item already exists!', 'gbcart') . '");
        },
    });
}

将$('input')更改为首选班级/ ID。

Answer 2

你应该避免在你的元素中加入javascript。请尝试使用点击监听器：

HTML：

<td class="basket"><a href="#" class="gb-button" data-id="125">' . __('Auf die Bestellliste', 'gbcart') . '</a>
</td>
<input id="myinput" />

JS :(必须在此代码之前加载DOM，最好的方法是将其包装在$(document).ready( function() { [here] });内）

$(".gb-button").click(function (e) {
    e.preventDefault(); //to prevent default action of anchor
    var id = $(this).attr("data-id");
    var quant = $("#myinput").val();
    alert("id = "+id+", quant = "+quant); // to see it works
/*  jQuery.ajax({
     ... your code here
    });*/
});

Fiddle

动态更新onClick的值

2 个答案: