इनपुट टेक्स्ट बॉक्स में मूल्य प्राप्त करें

Question

JQuery का उपयोग करके इनपुट मान प्राप्त करने और प्रस्तुत करने के तरीके क्या हैं?

यहाँ एक है:

$(document).ready(function() {
  $("#txt_name").keyup(function() {
    alert($(this).val());
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

Comments

इस कोड का उपयोग करें: var value = $ ('# txt_Name'); val (); आप jquery का उपयोग करके मान भी सेट कर सकते हैं। कृपया इस पोस्ट को यहां देखें: coding-issues.blogspot.in/2013/10/…

— Ranadheer Reddy

Answer 1

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

Comments

@Prabs, प्रश्न था: "jQuery का उपयोग करके इनपुट मान प्राप्त करने और प्रस्तुत करने के तरीके क्या हैं?", लेबल कोई इनपुट नहीं है।

— बैरी माइकल डॉयल

'bla' से उद्धरण निकालें। यह $ ('# txt_name') होना चाहिए। Val (bla);

— चार्ल्स जेवियर

@ParbhuBissessar जरूरी नहीं है। अगर वह शाब्दिक पाठ 'bla' चाहता है, तो उसे सही मिल गया है। वह चाहता है valकी var blaतो वह उद्धरण को दूर करने की जरूरत है।

— double_j

ध्यान दें: "val" के बजाय "val ()" आप मेरी प्रोफ़ाइल देख सकते हैं

— TheRedstoneTaco

मैं यह किया है, लेकिन मुद्दों होने।

— वसी रजा

Answer 2

आप केवल निम्नलिखित दो तरीकों से एक मूल्य का चयन कर सकते हैं:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

यदि आप मूल्य प्राप्त करने के लिए सीधे जावास्क्रिप्ट का उपयोग करना चाहते हैं, तो इस प्रकार है:

document.getElementById('txt_name').value 

Comments

मुझे पता है कि यह एक पुराना सवाल है, लेकिन यह मत भूलो कि attrइसे भी बदला जा सकता है prop। यह शब्दार्थ बेहतर है।

— सेबलफोस्टे

केवल $("#txt_name").val(str);मेरे लिए क्रोम में मूल्य निर्धारित करने के लिए काम किया। इस पोस्ट को आजमाएं ।

— 21

ऐसा लगता है कि jQuery के एपेंडेशन फ़ंक्शन को फॉर्म वैल्यू को ध्यान में रखते हुए HTML में जोड़ने में कोई समस्या नहीं है।

— एडम एफ

$ ( "# txt_name") attr ( 'मान')। डिफ़ॉल्ट मान / उत्तर गलत है!

— zloctb

ध्यान रखें कि $("#txt_name").attr('value')एलाउंस विशेषता "मूल्य" की सामग्री को वापस कर देगा, इसलिए यदि आप इनपुट फ़ील्ड बदलते हैं, तो मान नहीं बदल रहा है। .val()क्या क्षेत्र की सामग्री वापस आ जाएगी ..

— 10

Answer 3

उल्लेख करने के लिए एक महत्वपूर्ण बात है:

$("#txt_name").val();

पाठ फ़ील्ड का वर्तमान वास्तविक मान लौटाएगा, उदाहरण के लिए यदि उपयोगकर्ता पृष्ठ लोड होने के बाद वहां कुछ टाइप करता है।

परंतु:

$("#txt_name").attr('value')

DOM / HTML से मान लौटाएगा।

Answer 4

valueजब से आप यह एक <input>तत्व जानते हैं, तब तक आप सीधे विशेषता प्राप्त कर सकते हैं , लेकिन आपका वर्तमान उपयोग.val() पहले से ही वर्तमान है।

उपरोक्त के लिए, बस इस तरह.value सीधे DOM तत्व पर उपयोग करें :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

Comments

@ भरण आपको एक विकल्प की आवश्यकता क्यों है?

— डॉग मोलिनक्स

कुछ जगह पर, मैं वैकल्पिक का उपयोग करना चाहूंगा,

— Bharanikumar

Answer 5

इनपुट तत्व का वर्तमान मूल्य प्राप्त करने के लिए आपको विभिन्न तरीकों का उपयोग करना होगा।

विधि - १

यदि आप एक सरल उपयोग करना चाहते हैं .val(), तो यह प्रयास करें:

<input type="text" id="txt_name" />

इनपुट से मान प्राप्त करें

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

इनपुट पर मान सेट करें

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

विधि - २

.attr()सामग्री प्राप्त करने के लिए उपयोग करें ।

<input type="text" id="txt_name" value="" />

मैं इनपुट क्षेत्र में सिर्फ एक विशेषता जोड़ता हूं। value=""विशेषता वह है जो हम उस पाठ सामग्री को ले जाते हैं जिसे हमने इनपुट फ़ील्ड में दर्ज किया है।

$("input").attr("value");

विधि - ३

आप इसे सीधे अपने inputतत्व पर उपयोग कर सकते हैं ।

$("input").keyup(function(){
    alert(this.value);
});

Answer 6

आप इस तरह मूल्य प्राप्त कर सकते हैं:

this['inputname'].value

कहाँ thisरूप है कि इनपुट शामिल करने के लिए संदर्भित करता है।

Comments

यह उत्तर मानता है कि thisउस फॉर्म का जिक्र है जिसमें इनपुट शामिल है।

— नंदन

Answer 7

मुझे लगता है कि यह फ़ंक्शन पिछले उत्तरों में यहां याद किया गया है:

.val( function(index, value) ) 

Answer 8

टेक्स्टबॉक्स मान प्राप्त करने के लिए, आप jQuery val()फ़ंक्शन का उपयोग कर सकते हैं ।

उदाहरण के लिए,

$('input:textbox').val() - टेक्स्टबॉक्स मान प्राप्त करें।

$('input:textbox').val("new text message") - टेक्स्टबॉक्स मान सेट करें।

Answer 9

जो लोग मुझे पसंद करते हैं उनके लिए JS में newbies हैं और undefinedटेक्स्ट वैल्यू के बजाय यह सुनिश्चित करते हैं कि आपके idअमान्य वर्ण नहीं हैं ।

Answer 10

आप बस टेक्स्ट बॉक्स में मान सेट कर सकते हैं।

सबसे पहले, आपको मूल्य मिलता है

var getValue = $('#txt_name').val();

जैसे इनपुट में वैल्यू सेट मिलने के बाद

$('#txt_name').val(getValue);

Answer 11

इसे इस्तेमाल करे। यह निश्चित रूप से काम करेगा।

var userInput = $('#txt_name').attr('value')

Comments

नहीं, यह नहीं होगा !! (1) यदि कोई विशेषता "मान" नहीं है ( <input type="text" />), तो यह अपरिभाषित है। (2) यदि आप इसे इस तरह से करते हैं <input type="text" value="test" />और उपयोगकर्ता इनपुट क्षेत्र में फू करते हैं, तब $('#txt_name').attr('value')भी "टेस्ट" मिलता है।

— ndsvw

यह उत्तर सही नहीं है, लेकिन यह वह एपीआई है जिसकी मुझे तलाश थी।

— एंथनी