需要帮助通过隐藏表单输入传递javascript变量

时间:2014-06-27 19:25:38

标签: javascript jquery html

好的,我有javascript来计算HTML表单的动态价格。代码如下:

jQuery("input[name='Amount']").change(function() {
    if (isNaN(parseFloat(this.value)) || !isFinite(this.value)) {
        jQuery(this).val('');
        return false;
    }
    var calc = parseFloat(this.value) * 0.95;
    jQuery(this).parents("form").find("input[name='price']").val(calc);
});

这个,用这个表格输入:

<input class="irrelevant typeahead" type="text" placeholder="Amount" name="Amount"/>

javascript获取该值,计算价格,我希望它填写此内容:

<input type="hidden" name="price" value=""/>

我相信我的javascript是正确的。为了让它起作用,我需要做些什么呢?

编辑2:我解决了!多谢你们。问题只在于javascript的位置!

1 个答案:

答案 0 :(得分:0)

请尝试使用以下代码段。这段代码非常适合我。

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
    <form>
        <input class="irrelevant typeahead" type="text" placeholder="Amount" name="Amount" />
        <input type="hidden" name="price" value="" />
        <script type="text/javascript">
            jQuery("input[name='Amount']").change(function () {

                if (isNaN(parseFloat(this.value)) || !isFinite(this.value)) {
                    jQuery(this).val('');
                    return false;
                }
                var calc = parseFloat(this.value) * 0.95;
                jQuery(this).parents("form").find("input[name='price']").val(calc);
            });
        </script>
    </form>
</body>
</html>