javascript - 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

将 ID 添加到您的表单或表单中的 div(此处将其称为“#addinput”)，然后在单击按钮后附加隐藏的输入:

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