javascript - 使用 ajax 下拉菜单中的 onclick 事件更新隐藏的输入值

Question

我正在使用 MachForm 并添加了这个隐藏字段：

<input type="hidden" name="element_273_price" value="">

我集成了一个允许触发 onclick 事件的 ajax 下拉菜单。我希望上面的隐藏字段在 onclick 事件之后输入一个值（onclick 会告诉隐藏字段该项目是什么以及该项目的价格），以便我可以将它传递给 JavaScript 的其余部分在屏幕上更新价格。

这是我计算文本框的代码：

        $('#main_body li[data-pricefield="text"]').delegate('input.text','keyup mouseout change', function(e) {
        var temp = $(this).attr("id").split('_');
        var element_id = temp[1];
        var ordered = (document.getElementById("element_" + element_id).value);
        var price = $(this).data('pricedef');

        var price_value = price * ordered;
        price_value = parseFloat(price_value);
        if(isNaN(price_value)){
            price_value = 0;
        }

        $("#li_" + element_id).data("pricevalue",price_value);
        calculate_total_payment();
    });

score 2 · Accepted Answer

如果您将输入更改为

<input type="hidden" id="element_273_price" value="">

你应该能够做到

$("#element_273_price").val(price_value);

score 2 · Accepted Answer

尝试放入您的php文件：

'onlick' => '$("element_'.$yourelementid.'_price").val("'.$data['price'].'");'

然后你将在你的 javascript 中从这个隐藏的输入中获取值，而不是你的“数量”输入的 data-priceef 属性。

如果我不理解您的问题，请纠正我。我试图从您在视频中显示的代码回复。

javascript - 使用 ajax 下拉菜单中的 onclick 事件更新隐藏的输入值

2 回答 2

Related

Reference