Question

我有一个多元素提交，在数组格式中具有相同的名称，如

<input type='text' name="frm[]">。我想在AngularJS中提交它并在PHP中获得价值。

我的剧本：

<input type="text" name="textval" id="textval1" ng-model="data.textvalt[1]" >
<input type="text" name="textval" id="textval2"ng-model="data.textvalt[2]">
<input type="text" name="textval" id="textval3" ng-model="data.textvalt[3]">

Answer 1

使用Angular的$ http服务将数据发布到您的php文件。

检查以下代码

<html ng-app="submitExample">
<script type="text/javascript" src="lib\angular.js"></script>
<script type="text/javascript" src="index.js"></script>
<form ng-submit="submit()" ng-controller="FormController">
  Enter text and hit enter:
<input type="text" name="textval" id="textval1" ng-model="data.textvalt[1]" >
<input type="text" name="textval" id="textval2"ng-model="data.textvalt[2]">
<input type="text" name="textval" id="textval3" ng-model="data.textvalt[3]">
<input type="submit" id="submit" value="Submit" />
</form>
<html>
  

    var app = angular.module('submitExample', [])
  app.controller('FormController', ['$scope','$http', function($scope,$http) {
    
      $scope.data = {};
      $scope.data.textvalt = new Array();
      $scope.data.textvalt[1] = '';
      $scope.data.textvalt[2] = '';
      $scope.data.textvalt[3] = ''; 

      $scope.submit = function() {       
              

              var configObject = {
               method: 'POST',
               url: 'index.php',
               data: { textval1: $scope.data.textvalt[1] , textval2 : $scope.data.textvalt[2], textval3 : $scope.data.textvalt[3] }
              }

$http(configObject).then
  (function successCallback(response) {
console.log("posted sucuessfully");
  },
   function errorCallback(response) {
  console.log("Failed");
  });
     
   };
    }]);

如何在角度js中提交具有相同名称的表单值？

1 个答案: