表单提交不刷新价值的按钮

时间:2014-04-10 10:44:00

标签: html css

我有一个表单,我需要我的保存按钮不在表单元素之外,但是如果我把它带到别处,它就不会刷新表单。

<form  ng-submit="save()"  action="" name="addInv" novalidate>
            <div class="col-md-10">
                <label>Name:</label>
                <input type="text" ng-model="newlocation.name" class="form-control">
            </div>
            <div class="col-md-10">
                <label>Storage administrator:</label>
                    <select  ng-model="newlocation.administrator" class="form-control" ng-options="user.resource_uri as user.first_name for user in users"></select>
            </div>
            <div class="col-md-6">
                <label>Street:</label>
                <input type="text" ng-model="newlocation.street" class="input-medium form-control">
            </div>
            <div class="col-md-6">
                <label>City:</label>
                <input type="text" ng-model="newlocation.city" class="input-medium form-control">
            </div>
            <div class="col-md-6">
                <label>Country:</label>
                <input type="text" ng-model="newlocation.country" class="input-medium form-control">
            </div>
            <div class="col-md-6">
                <label>Postal code:</label>
                <input type="text" ng-model="newlocation.postalCode" class="input-medium form-control">
            </div>
            <div class="col-md-6">
                <button class="btn tbn-lg btn-primary">Save</button>
            </div>
</form>

如果我将按钮放在<form>表单之外,则不刷新值。

1 个答案:

答案 0 :(得分:1)

您可以使用JavaScript来执行此操作

<input type="submit" onclick="document.forms[0].submit();" />