Valore campo modulo Jquery

Question

Sto utilizzando un modello jquery per generare dinamicamente più elementi sulla stessa pagina. Ogni elemento assomiglia a questo

<div id ="DynamicValueAssignedHere"> 
    <div class="something">Hello world</div> 
    <div class="formdiv"> 
     <form name="inpForm"> 
      <input type="text" name="FirstName" /> 
      <input type="submit" value="Submit" /> 
     </form> 
    </div> 
</div> 

Vorrei utilizzare Jquery per elaborare il modulo su submit. Vorrei anche ripristinare i valori del modulo ai valori precedenti se qualcosa dovesse andare storto. La mia domanda è Come posso ottenere il valore della casella di input usando Jquery? Ad esempio, posso ottenere il valore del div con classe "qualcosa" da fare

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

In modo simile, voglio essere in grado di recuperare il valore della casella di testo. In questo momento, ho provato

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

ma non sembra funzionare

Answer 1

Devi usare value attribute per ottenere il suo valore

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

prova -

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

Answer 2

Può essere molto più semplice di quello che state facendo.

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

se si conosce l'id degli ingressi solamente bisogno di usare questo:

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

Answer 4

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

questo otterrà tutti i valori di tutte le caselle di testo. Puoi usare metodi come child, firstchild, ecc per affinare. Come per il modulo $ ('form [nome = form1] input [tipo = testo]') ID più facili da usare per gli elementi di targeting ma se è puramente dinamico puoi ottenere tutti i valori di input quindi eseguire il ciclo continuo con JS.

Answer 5

Un approccio alternativo, senza cercare il campo HTML:

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()