2013-10-18 15 views
6

दिखा भी Select2 में एक प्लेसहोल्डर जोड़ने मैं इसSelect2 खाली विकल्प

<select id="e2" name="rol_id" > 
         <option><option> 
         {foreach from=$data.roles item=rol} 
         <option value={$rol.rol_id}>{$rol.rol_nombre}</option> 
         {/foreach} 
</select> 

की तरह कोड में एक खाली विकल्प टैग को जोड़ने के लिए है, लेकिन मैं यह है कि चयन है इस विकल्प को खाली मिलती है, जब मैं करता हूँ कि प्लेसहोल्डर enter image description here

मैं उस विकल्प को कैसे नहीं दिखा सकता लेकिन फिर भी प्लेसहोल्डर?

धन्यवाद!

+0

' शैली = कोड का उपयोग कर हल किया? – Turnip

+0

जो अभी भी खाली विकल्प @ 3rror404 –

+0

दिखाता है शायद यह एक विकल्प है? http://jsfiddle.net/nJ8Vu/ – Turnip

उत्तर

12

आपके पास दूसरी पंक्ति पर एक वाक्यविन्यास त्रुटि है।

<option></option> 
+0

यदि मैं इसे हटा देता हूं, तो प्लेसहोल्डर –

+1

को 2 प्रलेखन में दिखाता नहीं है, यह कहता है: जब प्लेसहोल्डर को गैर-बहु-मूल्य चयन बॉक्स के लिए उपयोग किया जाता है, तो यह आवश्यक है कि आप खाली टैग को अपने रूप में शामिल करें पहला विकल्प।@ मैक्स –

+0

@MarianaHernandez आपके पास वाक्यविन्यास त्रुटि है: Max

0

आप भूमिकाओं के विकल्पों को लोड करने के बाद पहले "खाली" विकल्प को हटाने के लिए एक पंक्ति जोड़ सकते हैं। आप इसे jquery का उपयोग करके नीचे कर सकते हैं।

$("#selectBox option[value='']").remove(); 
+0

धन्यवाद, मैंने कोशिश की लेकिन यह प्लेसहोल्डर = (@sr। –

2

खाली विकल्प छोड़ने के लिए और टैग पर या एक प्लेसहोल्डर विकल्प के माध्यम से जब Select2 आरंभ डेटा-प्लेसहोल्डर विशेषता के माध्यम से प्लेसहोल्डर पाठ या तो निर्दिष्ट करें।

4

यह देर से उत्तर है, लेकिन यह किसी की मदद कर सकता है।

मेरे पास एक चयन 2 इनपुट के साथ मोडल है।

प्लेसहोल्डर को दिखाने के लिए हमें <option></option> जोड़ने की आवश्यकता है।

एचटीएमएल

<select id="Name"> 
    <option></option> 
    <option value="John">John</option> 
    <option value="Brian">Brian</option> 
    <option value="Carl">Carl</option> 
</select> 

अगर मैं चाहता हूँ प्रकट करने के लिए प्लेसहोल्डर।

Jquery

$('#Name').select2({placeholder: 'Select a Name'}); 

$('#Name').select2('val', ''); 

अगर मैं Select2 इनपुट पर एक मूल्य के देखना चाहता हूँ:

$('#Name').select2('val', 'John'); 
-1

जांच कर लें कि आपके विकल्प मान खाली है

0

बस $('select').select2({placeholder: 'Please select...'}); प्रयास करें। खाली <option></option> के साथ संयुक्त नौकरी करना चाहिए;)। `;:" कोई नहीं प्रदर्शन "

0

खाली विकल्प वास्तव में प्लेसहोल्डर के लिए है, मैं इसे नीचे

var s1 = $('#select2id').select2({ 
        multiple: true, 
        placeholder: "Select values" 
       }); 
       s1.val([' ']).trigger("change"); 

s1.val([' ']).trigger("change"); किया चाल

+0

यहां एक समान समाधान है जो शुद्ध HTML का उपयोग रोकने के लिए करता है इसे क्लिक करने के साथ-साथ कई अन्य दृष्टिकोण: https://stackoverflow.com/a/23638053/3196753 – tresf

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