प्लेसहोल्डर को select2 में कैसे बदला जाए?

Question

मैं डेटा प्लेसहोल्डर को select2 के साथ कैसे बदलूं?

अभी तक मैंने यह कोशिश की है।

$("#city").select2({placeholder:"foo"}); 

और यह ...

$("#city").attr("data-placeholder","bar"); 

लेकिन न तो काम करता है।

Answer 1

मुझे पता चला कि अगर मैं सिर्फ attr सेट करता हूं उदा। $("#city").attr('data-placeholder', 'bar'), कोई प्रभाव नहीं है। हालांकि, अगर मैं एटीआर सेट करता हूं और फिर $("#city").select2() पर कोई तर्क नहीं देता, तो प्लेसहोल्डर अपडेट करता है।

उदा।

$("#city").attr("data-placeholder","bar"); 
$("#city").select2(); 

Answer 2

एचटीएमएल कि आपके लोकेटर इस तरह का उपयोग करता है में यह रखो:

<select id="city" placeholder="my placeholder"></select> 

Answer 3

अन्य लोगों को एक विशेषता समाधान की तलाश के लिए जे एस कोड को बदलने से बचने के लिए। मुझे बस इसे एक प्रोजेक्ट के लिए देखना था, और ऐसा लगता है कि चयन 2 को केवल विशेषता डेटा-प्लेसहोल्डर = "" की आवश्यकता है।

<select id="city" data-placeholder="my placeholder"></select> 

यहाँ अधिक देखें: select2 options reference

Answer 4

Select2 के लिए संस्करण 4 मैं js init कोड में प्लेसहोल्डर पाठ निर्दिष्ट और फिर $select.select2{placeholder:"updated text..."}

Answer 5

उपयोग करके उसे अपडेट तुम भी टेम्पलेट में इस तरह यह कर सकते हैं (एचटीएमएल) स्तर। बस अपने पहले टैग पर एक रिक्त (उदा। "") स्ट्रिंग असाइन करना सुनिश्चित करें।

<select class="test-select2" data-placeholder="Select Anything"> 
    <option value=""></option> 
    <option value="option1">Option 1</option> 
    <option value="option2">Option 2</option> 
</select> 

DEMO