Web2py：使用表单提交 Javascript 变量

Question

我在提交表单时试图向服务器提交额外的数据。这是表格：

<form class="class" action="{{=URL('default','function')}}" method="post">
    <input type="text" id="first" name="first" class="span3"/>
                    <button id="button" type="submit" class="btn">Submit</button>
                </div>
</form>

我尝试通过几种不同的方式提交附加数据：

    <script>
        $('#button').submit(function(){
            var cost = +($("#cost").text().replace('$','')); 
            $.getScript("{{=URL('default','function')}}"+"?cost="+cost);
        }); 
    </script>

和

    <script>
        $('#button').submit(function(){
            var cost = +($("#cost").text().replace('$','')); 
            $.post("{{=URL('default','function')}}",{cost:cost});
        }); 
    </script>

然而，只有表单数据出现在request.vars中。我如何提交额外的脚本变量 "cost" 和表单的其余部分？

Answer 1

向您的表单或表单中的 div 添加一个 ID（此处称为“#addinput”），然后在您的按钮被点击后添加一个隐藏的输入：

<script>
    $('#button').click(function(){
        var cost = +($("#cost").text().replace('$','')); 
        $('#addinput').append('<input type="hidden" name="id" value="'+cost+'" id="id">')
    }); 
</script>

Web2py：使用表单提交 Javascript 变量

Web2py: Submit Javascript Vars with Form

javascript

web2py