संलग्न इनपुट क्षेत्र के लिए पाठ

मैं एक इनपुट क्षेत्र के लिए कुछ टेक्स्ट संलग्न करने की आवश्यकता है ...संलग्न इनपुट क्षेत्र के लिए पाठ

2009-05-08 Kevin Brown

के संभावित डुप्लिकेट [यह करने के लिए संभव है ".Value + =" JQuery में?] (Http://stackoverflow.com/questions/1224133/is-it-possible -to-do-value-in-jquery) –

166

$('#input-field-id').val($('#input-field-id').val() + 'more text');

स्रोत

2009-05-08 20:50:22

धन्यवाद एक गुच्छा! –

कृपया इस प्रश्न पर भी मेरा उत्तर पढ़ें - वास्तव में '$ ('# इनपुट-फ़ील्ड-आईडी') को दो बार कॉल करने का कोई कारण नहीं है ... हालांकि बहुत सरल उत्तर - +1 – gnarf

मुझे लगता है कि वहां होना चाहिए एक ऐसा फ़ंक्शन बनें जो इनपुट के मूल्य में जोड़ता है जैसे कि आप 'आंतरिक HTML' के साथ कर सकते हैं। –

आप शायद के लिए val()

स्रोत

2009-05-08 20:51:17 kgiannakakis

की तलाश में, आप तो एक बार फिर जोड़कर उपयोग करने के लिए योजना बना रहे हैं कर रहे हैं आप

//Append text to input element 
function jQ_append(id_of_input, text){ 
    var input_id = '#'+id_of_input; 
    $(input_id).val($(input_id).val() + text); 
}

के बाद आप बस इसे कॉल कर सकते हैं:

एक समारोह लिखने के लिए चाहते हो सकता है

स्रोत

2009-05-08 21:00:58 Margus

के साथ अच्छा जवाब मैं एक खोज बॉक्स में प्लेसहोल्डर जोड़ नहीं सकता हूं और इसका उपयोग करना चाहूंगा और उसके बाद बॉक्स को खोज बॉक्स में कर्सर डालने पर बॉक्स साफ़ हो जाएगा। क्या यह करने योग्य है? – KevinOrin

दो विकल्प हैं। अयमान का दृष्टिकोण सबसे आसान है, लेकिन मैं इसमें एक अतिरिक्त नोट जोड़ूंगा।

var input = $("#input-field-id"); 
input.val(input.val() + "more text");

अन्य विकल्प, .val() भी एक तर्क के रूप में एक समारोह ले जा सकते हैं: आप वास्तव में jQuery चयन कैश चाहिए, वहाँ $("#input-field-id") दो बार फोन करने के लिए कोई कारण नहीं है।

$("input").val(function(index, val) { 
    return val + "more text"; 
});

स्रोत

2011-07-30 20:39:38 gnarf

'अन्य विकल्प' को प्यार करना - एफपी का अच्छा सा। – laher

यह स्वीकार्य उत्तर बीटीडब्ल्यू होना चाहिए। – MoniXx

अन्य राय शांत होती है – Jim

\t // Define appendVal by extending JQuery 
 
\t $.fn.appendVal = function(TextToAppend) { 
 
\t \t return $(this).val(
 
\t \t \t $(this).val() + TextToAppend 
 
\t \t); 
 
\t }; 
 
//_____________________________________________ 
 

 
\t // And that's how to use it: 
 
\t $('#SomeID') 
 
\t \t .appendVal('This text was just added')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<textarea 
 
      id = "SomeID" 
 
      value = "ValueText" 
 
      type = "text" 
 
>Current NodeText 
 
</textarea> 
 
    </form>

खैर इस उदाहरण को बनाते समय मैं किसी भी तरह थोड़ा भ्रमित हो गया है: यह आसानी से एकाधिक आदानों पर काम कर के advantange है। "ValueText" बनाम>वर्तमान NodeText < मूल्य विशेषता का डेटा पर चलने के लिए नहीं होना चाहिए .val() है? वैसे भी मैं और आप मुझे जल्दी या बाद में साफ़ कर सकते हैं।

लेकिन अब के लिए है:

जब प्रपत्र डेटा के साथ काम कर का उपयोग .val()।

जब टैग उपयोग .text() या .append() के बीच ज्यादातर केवल पढ़ने के लिए डेटा के साथ काम कर में टेक्स्ट संलग्न करने का।

स्रोत

2016-08-12 14:42:23 Nadu

क्या यह प्रश्न का उत्तर देने के लिए कुछ नया जोड़ता है? मैं समझता हूं कि आप सिर्फ एक विस्तार कर रहे हैं, लेकिन इसका उत्तर कुछ समय के लिए दिया गया है। बस यह सुनिश्चित करना चाहते हैं कि एसओ की गुणवत्ता को बरकरार रखा जाए। –

देखभाल के लिए धन्यवाद - मुझे यह पसंद है। लेकिन हाँ आप सही हैं वहां सार बहुत नया नहीं है। हालांकि जब मैं वर्तमान उत्तरों को पचाने लगा तो मुझे लगा कि शैली और कार्यान्वयन के बारे में थोड़ा कुछ किया जा सकता है। मैंने पहली बार जांच की कि क्या कुछ पोस्ट संपादित की जा सकती हैं, लेकिन अंत में मैंने सोचा कि यह एक नया बनाना सर्वोत्तम है। तो नया क्या है: * आप फिसल सकते हैं। * विस्तार स्वयं-दस्तावेज कोड लिखने के तरीके पर बहुत मदद करता है, जबकि सार का अधिकतर विचलन नहीं करता है। – Nadu

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <style type="text/css"> 
     *{ 
      font-family: arial; 
      font-size: 15px; 
     } 
    </style> 
</head> 
<body> 
    <button id="more">More</button><br/><br/> 
    <div> 
     User Name : <input type="text" class="users"/><br/><br/> 
    </div> 
    <button id="btn_data">Send Data</button> 
    <script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $('#more').on('click',function(x){ 
       var textMore = "User Name : <input type='text' class='users'/><br/><br/>"; 
       $("div").append(textMore); 
      }); 

      $('#btn_data').on('click',function(x){ 
       var users=$(".users"); 
       $(users).each(function(i, e) { 
        console.log($(e).val()); 
       }); 
      }) 
     }); 
    </script> 
</body> 
</html>

आउटपुट

स्रोत

2016-11-11 09:42:57

संलग्न इनपुट क्षेत्र के लिए पाठ

उत्तर

संबंधित मुद्दे