So holen Sie alle Kinderelementeingabe

Question

Ich bin an einem Punkt fest, wo ich alle Eingabeelement holen muss, wo die Aktion ausgeführt wird.

Beispiel: ist ein Behälter, in dem eine Anzahl n von Eingangselement wie Eingabetyp Text/Anzahl/Datum Optionsfeld etc (gerenderte dynamisch)

haben kann, und es gibt Sendeschaltfläche genannt in der gleicher Behälter. , wenn ich auf

1. I Eltern von Submit-Button Element
2. holen alle Element in diesem Container bekommen müssen
Eltern einreichen klicken

Wie kann ich das tun?

Da ich dynamisch rendern kann, konnte ich keinen Bereich festlegen, auf den ich mit dem Bereich zugreifen kann.

Answer 1

wenn Sie Jquery verwenden, können Sie es tun, wie folgt:

var $parent = $(button).parent(); 
var $inputs = $parent.find("input"); 

wenn Sie nicht jquery verwenden können Sie verwenden, um die folgenden:

var parent = buttonElement.parentElement; 
var inputs = parent.getElementsByTagName("input"); 

Answer 2

<div> 
    <input type="text" id="txtName" value="Aslam"/> 
    <input type="radio" value="Select" /> 

    <input type="button" id="btnClick" value="Click Me!"/> 

</div> 
<script> 
    $("#btnClick").on('click', function() { 
     var parent = $(this).parent(); 
     var childrens = parent.children("input"); 

     childrens.each(function() { 
      switch (this.type) { 
       case 'text': 
        alert('Put text box logic'); 
        break; 
       case 'radio': 
        alert('Put radio box logic'); 
        break; 
        //Put other control 
       default: 
      } 
     }) 
    }); 
</script> 

Answer 3

erste Satz ng-Form und Zugang durch ng-Modell ... Dies ist die einfache Art, dies zu tun ...

<form ng-form="myparent"> 

    <input type="text" ng-model="myparent.firstname"/> 
    <input type="text" ng-model="myparent.lastname"/> 
    ... Etc 

    </form>