使用来自ajax下拉菜单的onclick事件更新隐藏的输入值

时间:2012-12-21 18:05:27

标签: javascript jquery ajax onclick

我正在使用MachForm并拥有我已添加的隐藏字段:

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

我集成了一个ajax下拉菜单,允许触发onclick事件。我希望上面的隐藏字段在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();
    }); 

2 个答案:

答案 0 :(得分:2)

如果您将输入更改为

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

你应该能够做到

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

答案 1 :(得分:2)

尝试输入你的php文件:

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

然后,您将在javascript中获取此隐藏输入的值,而不是“数量”输入的data-pricedef属性。

如果我不明白你的问题,请纠正我。我试图回复您在视频中显示的代码。