javascript - 更改隐藏字段的值后提交表单数据

Question

我有一个简单的 html 表单：

<form id="formD" action="/somewhere" method="POST">
  <input type="hidden" name="i[value]" ng-model="i.value" value={{i.value}}
  <button type="button" ng-click="changevalue()) Change Value

使用表单控制器：

function myFormController($scope) 
{
  $scope.saveAsDraft = function(){
    $scope.i.value="true";
    console.log($scope);
    document.getElementById("formD").submit();
  };
}

在检查控制台日志时，value在内部发生变化$scope，但提交后，i.value始终为空！我在哪里犯错？

我采用的另一种方法是将输入字段设为文本：

<input type='text' name="i[value]" id="something" 
       ng-model='i.value' style="display:none;">

请帮忙。如何在提交表单数据之前更改此隐藏字段的值？

Answer 1

您正在用逗号分隔属性。这是不正确的。它们应该只用空格分隔，就像在这个例子中一样：

<input type="text" name="i[value]" id="something" 
       ng-model="i.value" style="display:none;">