Jquery फॉर्म फ़ील्ड मान

Question

प्राप्त करें मैं एक ही पृष्ठ पर कई तत्वों को गतिशील रूप से उत्पन्न करने के लिए एक jquery टेम्पलेट का उपयोग कर रहा हूं। प्रत्येक तत्व इस

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

मैं सबमिट पर फ़ॉर्म को संसाधित करने के लिए Jquery का उपयोग करना चाहता हूं। अगर कुछ गलत होना चाहिए तो मैं फॉर्म वैल्यू को उनके पिछले मानों में वापस करना चाहूंगा। मेरा प्रश्न है Jquery का उपयोग कर इनपुट बॉक्स का मूल्य कैसे प्राप्त कर सकता हूं? उदाहरण के लिए, मैं

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

कर एक इसी तरह से वर्ग "कुछ" के साथ div का मूल्य प्राप्त कर सकते हैं, मैं पाठ बॉक्स के मान प्राप्त करने में सक्षम होना चाहता हूँ। अभी, मैं

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

की कोशिश की, लेकिन यह काम करने

Answer 1

आप value attribute उपयोग करने के लिए अपने मूल्य

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

कोशिश प्राप्त करने के लिए -

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

,210

Answer 2

यह आप क्या कर रहे हैं तुलना में बहुत सरल हो सकता है नहीं लगता है।

HTML:

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

जावास्क्रिप्ट:

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

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

Answer 3

अगर आप आदानों आप केवल इस उपयोग करने की आवश्यकता की आईडी पता:

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

Answer 4

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

यह सब पाठ बॉक्स के सभी मूल्य मिलेगा। आप बच्चों, फर्स्टचिल्ड इत्यादि जैसे तरीकों का उपयोग कर सकते हैं। फॉर्म $ ('फॉर्म [name = form1] इनपुट [टाइप = टेक्स्ट]') लक्ष्यीकरण तत्वों के लिए आईडी का उपयोग करना आसान है, लेकिन यदि यह पूरी तरह से गतिशील है तो आप कर सकते हैं जेएस के साथ तब सभी इनपुट मानों को लूप करें।

Answer 5

एक वैकल्पिक दृष्टिकोण क्षेत्र एचटीएमएल को खोजे बिना:

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