Wie erkennen Sie Änderungen im Formular und legen Sie einen neuen Status fest?

Question

Ich habe HTML-Formular mit Satz von Elementen (Eingaben).

So, wie Änderungen in jeder Eingabe erkennen und neue Anweisung in Objekt var data setzen?

Zum Beispiel:

<input type="text" name="parameter" value="30"> 

Wenn ich chnages in Eingang mache ich brauche, um Ausgabeobjekt data als:

var = data = ["paraeter" : 30]; 

Answer 1

für Uhr in Winkel der Wert auf Änderung, die Sie ng-change verwenden sollten und ng-model

var app = angular.module("app", []). 
 
controller("ctrl", function($scope) { 
 
    $scope.info = { 
 
    parameter: 30, 
 
    parameters: { 
 
     children: 40 
 
    } 
 
    }; 
 
    
 
    $scope.callBackIfChange = function(){ 
 
    console.log($scope.info); 
 
    } 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="ctrl"> 
 

 
    <form> 
 
    <label>empty value</label> 
 
    <input type="text" ng-model="info.name" ng-change="callBackIfChange()"> 
 
    <br> 
 
    <br> 
 
    <label>has default value</label> 
 
    <input type="number" ng-model="info.parameter" ng-change="callBackIfChange()"> 
 
    <br> 
 
    <br> 
 
    <label>nested</label> 
 
    <input type="number" ng-model="info.parameters.children" ng-change="callBackIfChange()"> 
 
    </form> 
 
    <hr> 
 
    <b>output:</b> {{info | json}} 
 
    
 
</div>

Answer 2

Hier ist der jQuery-Code abdeckt Ihre Fälle (onload und Eingabe ändern) ohne Hartcodierung die Namen Attribut der Eingänge tags:

var inputValuesObj = {}; // << Your Object 

$(document).ready(function() { 
    getDefaultInputValues(); 
}); 

$(document).on("load keyup", "input", function() { 
    getDefaultInputValues(); 
}); 

function getDefaultInputValues() { 
    $("input").each(function(index) { 
     inputValuesObj[$(this).attr("name")] = $(this).val(); 
    }); 
    $("div#res").html(JSON.stringify(inputValuesObj)); 
} 

Ihr Test hier - https://jsfiddle.net/uo08fedh/20/

Hoffe es hilft!