jQuery चुना गया डेटा-प्लेसहोल्डर को भरने पर

Question

मैं अपने एएसपी.नेट एमवीसी अनुप्रयोग में jQuery चुना प्लगइन का उपयोग कर रहा हूं। data-placeholder विशेषता तब काम नहीं कर रही है जब ड्रॉपडाउन सूची में आइटम हैं। डिफ़ॉल्ट पाठ दिखाने के बजाय यह स्वचालित रूप से सूची में पहला आइटम चुनता है।

इस प्रकार मैं अपनी ड्रॉपडाउन सूची को परिभाषित करता हूं।

@Html.DropDownListFor(m => m.Keep, Model.Data, 
    new { @class = "chzn-select", data_placeholder = "Default..." }) 

तो Model.Data रिक्त है (यह एफई का उपयोग कर दृश्य मॉडल में भर जाता है), तो डिफ़ॉल्ट पाठ प्रदर्शित होता है। अन्यथा, पहला आइटम चुना गया है। मैं हमेशा अपनी ड्रॉपडाउन सूची को डिफ़ॉल्ट मान दिखाना चाहता हूं।

मैं $('.chzn-select').chosen(); के माध्यम से प्लगइन लागू नहीं करता कुछ खास नहीं।

कोई विचार? अग्रिम में धन्यवाद।

Answer 1

आपको पहले एक खाली विकल्प जोड़ना होगा।

प्रति प्रलेखन के रूप में - http://harvesthq.github.com/chosen/

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

हो सकता है कि जोड़ने के लिए यह

$(".chzn-select").prepend("<option></option>"); 

Answer 2

becoz अपने डिफ़ॉल्ट मान सूची में अपने मूल्यों से बदल दिया जाता है jQuery का उपयोग करें। तो अपना डिफ़ॉल्ट मान दिखाने के लिए, अपनी सूची में उस डिफ़ॉल्ट मान को पहले आइटम के रूप में जोड़ें।

Answer 3

है चेक कि क्या रिकॉर्ड सूची में पहले तत्व और अपने मॉडल

Answer 4

@Html.DropDownListFor(model => model.categoryModel.Id, ViewBag.CategoryList as SelectList, "", new { @class = "chzn_a", data_placeholder = "Choose Category.." }) 

ऐड "" अपने selectList के बाद, के लिए बाध्य करता है, तो नीचे दिए गए कोड आप

$(".chzn_a").prepend("<option></option>"); 

Answer 5

लिए काम नहीं किया डिफ़ॉल्ट पाठ समर्थन

चुने गए तत्व के डेटा-प्लेसहोल्डर मूल्य को पढ़कर स्वचालित रूप से डिफ़ॉल्ट फ़ील्ड टेक्स्ट ("कोई देश चुनें ...") सेट करता है। यदि कोई डेटा-प्लेसहोल्डर मान मौजूद नहीं है, तो यह चयन एकल या एकाधिक के आधार पर "विकल्प का चयन करें" या "कुछ विकल्प चुनें" के लिए डिफ़ॉल्ट होगा। जब आप फिट देखते हैं तो आप इन तत्वों को प्लगइन जेएस फ़ाइल में बदल सकते हैं।

नोट: एकल चयन पर, पहला तत्व ब्राउज़र द्वारा चुना जाता है। डिफ़ॉल्ट पाठ समर्थन का लाभ उठाने के लिए, आपको अपनी चुनिंदा सूची के पहले तत्व के रूप में एक खाली विकल्प शामिल करना होगा। देखें: Default Text Support

Answer 6

यदि आपका कोड भी खाली option, नहीं काम करता है जोड़ने के साथ; तो आपको पता होना चाहिए कि कुछ बार ब्राउज़र को कोड लोड करने और प्रभावी होने के लिए नए पेज की आवश्यकता होती है!

तो अपना टैब बंद करें और नया टैब खोलें और परिवर्तन देखने के लिए अपने प्रोजेक्ट पेज पर जाएं!

Answer 7

मैं एक ही समस्या थी और मैं निम्नलिखित किया:

जब आप चुने हुए क्षेत्र आरंभ आप चौड़ाई आकार में% का उपयोग नहीं किया है।

$(".chosen").chosen({ 
'no_results_text' :'Oops, nothing found!', 
'width'   :'700px', 
'search_contains' : true, 
'placeholder_text_multiple':'Please choose something ...', 
'display_selected_options':false    

});