jQuery परिवर्तन इनपुट पाठ मान


155

मुझे इसके लिए सही चयनकर्ता नहीं मिल सकता है:

<input maxlength="6" size="6" id="colorpickerField1" name="sitebg" value="#EEEEEE" type="text">

मैं मान को बदलना चाहता हूं = 000000. मुझे "नाम" खोजने के लिए चयनकर्ता की आवश्यकता है, पाठ इनपुट की आईडी नहीं।

यह काम नहीं करना चाहिए ?:

$("text.sitebg").val("000000");

प्रस्तुत समाधान काम नहीं करता है, इससे क्या समस्या है?

$.getJSON("http://www.mysitehere.org/wp-content/themes/ctr-theme/update_genform.php",function(data) {
    $("#form1").append(data.sitebg);
    $('input.sitebg').val('000000');
});

JSON डेटा सही ढंग से काम कर रहा है; यह विचार बाद में JSON मानों को प्रपत्र इनपुट पाठ मानों में परिवर्तित करने के लिए है। लेकिन काम नहीं कर रहा है :(

जवाबों:


307

नहीं, आपको कुछ करने की आवश्यकता है:

$('input.sitebg').val('000000');

लेकिन अगर आप कर सकते हैं तो आपको वास्तव में यूनिक आईडी का उपयोग करना चाहिए।

आप अधिक विशिष्ट भी प्राप्त कर सकते हैं, जैसे:

$('input[type=text].sitebg').val('000000');

संपादित करें:

नाम विशेषता के आधार पर अपना इनपुट खोजने के लिए ऐसा करें:

$('input[name=sitebg]').val('000000');

मैं इस awnser को स्वीकार करूंगा, क्या आप jquery के बारे में एक अच्छी पुस्तक / ट्यूटोरियल (अधिमानतः एक पुस्तक) की सिफारिश कर सकते हैं जहां मैं वास्तव में चयनकर्ताओं के बारे में जान सकता हूं? विशेष रूप से चयनकर्ता?
जोरिकॉम

7
यह इंटरनेट पर सबसे अच्छी बात दूर और दूर है: Futurecolors.ru/jquery
जेसन

@ जेसन लिंक टूट गया है, कृपया पुस्तक का शीर्षक क्या है?
इलोहि

@ गोयल ओह नहीं! मुझे माफ कर दो। यह टिप्पणी 5 साल पुरानी है, इसलिए मुझे लगता है कि वे इसे नीचे ले गए :(
जेसन

@ जेसन दुर्भाग्य से। हालाँकि, क्या आपको पुस्तक का शीर्षक याद है?
इओलही

31

पाठ इनपुट फ़ील्ड पर मान बदलने का jQuery तरीका है:

$('#colorpickerField1').attr('value', '#000000')

इस विशेषता को बदल जाएगा valueआईडी के साथ डोम तत्व के लिए #colorpickerField1से #EEEEEEकरने के लिए#000000


26

सबसे अच्छा अभ्यास सीधे पहचान का उपयोग कर रहा है:

$('#id').val('xxx');


सरल और सर्वश्रेष्ठ एक :)
MRRaja

2
यह काम क्यों करता है लेकिन document.getElementById("#id").value = 'xxx';मेरे लिए काम नहीं करता है? यह प्रकट होने वाले पाठ मूल्य को नहीं बदलता है, केवल DOM तत्व का मान गुण है।
user3494047

1
आप पहले से ही ById पद्धति का उपयोग करते हैं, # css संकेतन के लिए है। इसे हटा दो।
स्कॉट चू

9

तत्व का नया मान सेट करते समय, आपको कॉल ट्रिगर परिवर्तन की आवश्यकता होती है।

$('element').val(newValue).trigger('change');


इसने मेरे लिए एक समस्या तय कर दी जहां परिवर्तन इवेंट हैंडलर को दो बार बुलाया जा रहा था; नए मूल्य के साथ एक बार और फिर [attr = val]
पीटर लेनजो

3

सिर्फ जेसन के जवाब में जोड़कर, .चयनकर्ता केवल कक्षाओं के लिए है। यदि आप तत्व, आईडी या वर्ग के अलावा कुछ और चुनना चाहते हैं, तो आपको इसे वर्ग कोष्ठक में लपेटने की आवश्यकता है।

जैसे

$('element[attr=val]')

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.