Jquery erhalten Formularfeld Wert

Question

Ich benutze eine jquery Vorlage, um dynamisch mehrere Elemente auf der gleichen Seite zu generieren. Jedes Element sieht so aus:

Ich möchte Jquery verwenden, um das Formular beim Senden zu verarbeiten. Ich möchte auch die Formularwerte auf ihre vorherigen Werte zurücksetzen, wenn etwas schiefgehen sollte. Meine Frage ist Wie kann ich den Wert von Eingabefeld mit Jquery bekommen? Zum Beispiel kann ich den Wert der div mit der Klasse „etwas“, indem Sie

var something = $(#DynamicValueAssignedHere).children(".something").html(); 

In ähnlicher Weise erhalten, möchte ich in der Lage sein, den Wert der Textbox abzurufen. Gerade jetzt habe ich versucht,

var text = $(#DynamicValueAssignedHere).children(".formdiv").findnext('input[name="FirstName"]').val(); 

aber es scheint nicht

Answer 1

Sie haben value attribute zu nutzen, um ihren Wert

<input type="text" name="FirstName" value="First Name" /> 

Versuch zu bekommen -

var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val(); 

Answer 2

zu arbeiten, kann es viel einfacher sein als das, was Sie tun.

HTML:

<input id="myField" type="text" name="email"/> 

JavaScript:

// getting the value 
var email = $("#myField").val(); 

// setting the value 
$("#myField").val("new value here"); 

Answer 3

, wenn Sie die ID der Eingänge wissen müssen Sie nur diese verwenden:

var value = $("#inputID").val(); 

Answer 4

var textValue = $("input[type=text]").val() 

werden dadurch alle Werte aller Textfelder erhalten. Sie können Methoden wie children, firstchild, etc verwenden, um in. $ ('form [name = form1] input [type = text]') Einfachere IDs für Targeting-Elemente zu verwenden, aber wenn es rein dynamisch ist, können Sie Holen Sie sich alle Eingabewerte und durchlaufen Sie sie dann mit JS.

Answer 5

Ein alternativer Ansatz, ohne für das Feld html suchen:

var $form = $('#' + DynamicValueAssignedHere).find('form'); 
var formData = $form.serializeArray(); 
var myFieldName = 'FirstName'; 
var myFieldFilter = function (field) { 
    return field.name == myFieldName; 
} 
var value = formData.filter(myFieldFilter)[0].value; 

Answer 6

$("form").submit(function(event) { 
 
     ///First Field Value 
 
     var firstfield_value = event.currentTarget[0].value; 
 
    ///Second Field Value 
 
     var secondfield_value = event.currentTarget[1].value; 
 
     
 
     alert(firstfield_value); 
 
     alert(secondfield_value); 
 
     event.preventDefault(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="" method="post" > 
 
<input type="text" name="field1" value="value1"> 
 
<input type="text" name="field2" value="value2"> 
 
</form>

Answer 7

// for getting the value from input type text 
var value = $("input[type=text]").val(); 
// for getting the value from by input type name 
var textValue = $("input[name=text]").val()