2012-04-24 18 views
5

मुझे वर्तमान पाठ को प्रतिस्थापित किए बिना वर्तमान टेक्स्ट बॉक्स मूल्य में संलग्न करने की आवश्यकता है। मैंने इस कोड के साथ कोशिश की।jQuery का उपयोग कर टेक्स्ट बॉक्स मान में पाठ कैसे संलग्न करें?

if(len.length==4){ 
    $("-").appendTo("#date").val(); 
} 

लेकिन यह असफल रहा।

+0

क्या यह टेक्स्ट टेक्स्ट या टेक्स्ट के साथ कुछ अन्य तत्व वाला इनपुट फ़ील्ड है। HTML में टेक्स्ट बॉक्स जैसी कोई चीज़ नहीं है और नीचे दी गई टिप्पणियों से ऐसा लगता है कि यह इनपुट फ़ील्ड नहीं है –

+0

यह टाइप टेक्स्ट वाला इनपुट फ़ील्ड है। मुझे पहले चार चरित्र के बाद जोड़ने की जरूरत है। –

उत्तर

13

हालांकि आप कई (लेकिन सभी नहीं) सही जवाब मिल गया, मैं यह करने के लिए एक और रास्ता दिखाना चाहते हैं:

$('#date').val(function(index, value) { 
    return value + '-'; 
});​ 

.val(function(index, value))

फ़ंक्शन (में डीईएक्स, वैल्यू) सेट करने के लिए मान वापस करने वाला एक फ़ंक्शन। यह वर्तमान तत्व है। सेट में तत्व की अनुक्रमणिका स्थिति और तर्क के रूप में पुराना मान प्राप्त करता है।

source

आप इसे करने के लिए function का उपयोग नहीं करना चाहते हैं, इस का उपयोग करें:

var $date = $('#date'); 
$date.val($date.val() + '-'); 
+0

thanx डॉ। यह काम कर रहा है। और अच्छी व्याख्या। –

1

कोशिश:

$('#date').val($('#date').val() + '-'); 
+0

यह वर्तमान पाठ को प्रतिस्थापित करता है। –

+0

[THIS] (http://jsfiddle.net/teneff/T9mUT/) संपादन के बाद – Teneff

+0

काम नहीं कर रहा है, यह काम कर रहा है। धन्यवाद। –

5

आप वर्तमान मूल्य, निकालते हैं और कि में जोड़ने के लिए मिल गया है।

var $date = $('#date'); 
$date.val($date.val() + '-'); 
+0

धन्यवाद डॉ। यह DOM तत्व को कैशिंग करने के लिए –

+0

+1 काम कर रहा है। – gdoron

1

मुझे मिला सबसे सुंदर तरीका jQuery का उपयोग नहीं कर रहा है।

if (len.length === 4) { 
    var date = $('#date')[0] // faster to write than "document.getElementById('date')" 
    date.value += '-' 
} 

फिडल: http://jsfiddle.net/Ralt/T9mUT/3/

+0

आप '.val()' में फ़ंक्शन संदर्भ में नहीं जा रहे हैं, इसलिए 'यह' संदर्भ आपके विचार से भिन्न हो सकता है। यह निश्चित रूप से '$ ('# date') नहीं होने वाला है जिसे आपने अभी चुना है। –

+0

[THIS] (http://jsfiddle.net/teneff/T9mUT/) jsFiddle में आपका कोड है और यह – Teneff

+0

काम नहीं कर रहा है ठीक है, केवल 'this.value' काम करता है .. किसी भी तरह। @RichardNeilIlagan सही है कि यह 'सही' सही नहीं है। http://jsfiddle.net/Ralt/T9mUT/1/ –

2
jQuery('#date').val(jQuery('#date').val() + '-'); 
+2

आप दो बार डीओएम से क्यों पूछते हैं? – gdoron

+0

मैं मानता हूं कि यह अनावश्यक है, लेकिन बस मूलभूत वाक्यविन्यास दिखाने का प्रयास कर रहा था। –

0

मैं सिर्फ यह कर रहा था। मैंने इस्तेमाल किया .append (myValue); यहां मैं एक अजाक्स परिणाम सेट के माध्यम से लूपिंग कर रहा हूं:

 $.each(result, function (i, obj) { 
      $.each(obj, function (i, item) { 
       $('#txtValueList').append(item); 
      }) 
     }) 
संबंधित मुद्दे