दिलचस्प पोस्ट
उच्चचर्च – पूर्ण चार्ट चौड़ाई के बारे में मुद्दा कस्टम UITableViewCell चयन शैली? अपाचे POI का उपयोग करते हुए xlsx फ़ाइल पढ़ते समय अपवाद (org.apache.poi.openxml4j.exception – कोई सामग्री प्रकार प्राप्त नहीं हो रही है? एप्लिकेशन की विंडो हैंडल प्राप्त करें स्ट्रिंग सीमांकक के साथ स्ट्रिंग कैसे विभाजित कर सकता हूं? PHP एक पथ के अंतिम भाग को कैसे निकालें HTML5: "रेडियो" इनपुट फ़ील्ड के साथ "अपेक्षित" विशेषता का उपयोग कैसे करें चेतावनी `$ HTTP_RAW_POST_DATA` को बहिष्कृत किया जा रहा है डेटाफ़्रेम में नमूना यादृच्छिक पंक्तियां एक भिन्न थ्रेड का उपयोग करके GUI (WPF) अपडेट करना ग्रहण: त्रुटि ".. किसी अन्य प्रोजेक्ट के स्थान को ओवरलैप करता है .." जब नई परियोजना बनाने की कोशिश करते हैं हेडर के साथ सी # में सीएसवी फ़ाइलों को पार्स करना WPF में टैब ऑर्डर सेट करना यदि ब्लॉक के भीतर गूंज बयान है? संदर्भ आंतरिक कैसे कार्यान्वित किया जाता है?

HTML का चयन करें: डिफ़ॉल्ट टेक्स्ट सेट करने के लिए जो ड्रॉप-डाउन सूची में दिखाया नहीं जाएगा?

मेरे पास एक ऐसा select जो शुरुआत में भाषा का चयन करता है जब तक उपयोगकर्ता एक भाषा का चयन नहीं करता। जब उपयोगकर्ता चयन को खोलता है, तो मैं नहीं चाहता कि वह एक चयन भाषा विकल्प को देख सके, क्योंकि यह एक विकल्प नहीं है

Solutions Collecting From Web of "HTML का चयन करें: डिफ़ॉल्ट टेक्स्ट सेट करने के लिए जो ड्रॉप-डाउन सूची में दिखाया नहीं जाएगा?"

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

 <option selected disabled>Choose here</option> 

संपूर्ण मार्कअप इन पंक्तियों के साथ होना चाहिए:

 <select> <option selected disabled>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 

आप इस बेला पर एक नज़र डाल सकते हैं, और यहां इसका परिणाम है:

यहां छवि विवरण दर्ज करें

यदि आप विकल्प बॉक्स में एक तरह के प्लेसहोल्डर पाठ को प्रकट नहीं करना चाहते हैं, तो एक बार उपयोगकर्ता चुनिंदा बॉक्स पर क्लिक करता है तो इस तरह hidden विशेषताओं को जोड़ें:

 <select> <option selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 

बेला यहाँ और नीचे स्क्रीनशॉट की जाँच करें।

यहां छवि विवरण दर्ज करें

यहां समाधान है:

 <select> <option style="display:none;" selected>Select language</option> <option>Option 1</option> <option>Option 2</option> </select> 

उचित और शब्दावली तरीका प्लेसहोल्डर लेबल विकल्प का उपयोग कर रहा है:

  • select के पहले बच्चे के रूप में एक option तत्व जोड़ें
  • उस option लिए value = "" निर्धारित करें
  • उस option की सामग्री के रूप में प्लेसहोल्डर टेक्स्ट सेट करें
  • select करने के लिए required विशेषता जोड़ें

इससे उपयोगकर्ता को फ़ॉर्म सबमिट करने में सक्षम होने के लिए दूसरे विकल्प का चयन करने के लिए बाध्य किया जा सकता है, और ब्राउज़रों को इच्छित option रूप में प्रस्तुत करना चाहिए:

यदि एक चयनित तत्व में प्लेसहोल्डर लेबल विकल्प होता है, तो उपयोगकर्ता एजेंट को उस विकल्प को ऐसे तरीके से प्रस्तुत करने की उम्मीद होती है, जो बताती है कि यह एक लेबल है, नियंत्रण के वैध विकल्प के बजाय।

हालांकि, अधिकांश ब्राउज़र एक सामान्य option रूप में इसे प्रस्तुत करेंगे। इसलिए हमें option को निम्नलिखित जोड़कर स्वयं को ठीक करना होगा:

  • selected विशेषता, इसे डिफ़ॉल्ट रूप से चुनने के लिए
  • disabled विशेषता, इसे उपयोगकर्ता द्वारा गैर-चयन करने के लिए
  • display: none , इसे मूल्यों की सूची से छिपाने के लिए
 select > .placeholder { display: none; } 
 <select required> <option class="placeholder" selected disabled value="">Select language</option> <option>Option 1</option> <option>Option 2</option> </select> 

क्योंकि आप select टैग के लिए प्लेसहोल्डर्स का उपयोग नहीं कर सकते हैं, मुझे विश्वास नहीं है कि शुद्ध HTML / CSS के साथ आप जो भी पूछ रहे हैं, ठीक करने का कोई तरीका है। हालांकि, आप ऐसा कुछ कर सकते हैं:

 <select> <option disabled="disabled">Select language</option> <option>Option 1</option> </select> 

ड्रॉपडाउन में "भाषा चुनें" दिखाई जाएगी, लेकिन एक बार एक अन्य विकल्प चुना जाता है, इसे पुनः खोजना संभव नहीं होगा

मुझे आशा है कि वह मदद करेंगे।

मेरे पास एक चयन के ऊपर प्रदर्शित होने वाले स्पान के साथ एक समाधान है, जब तक कोई चयन नहीं किया जाता। अवधि डिफ़ॉल्ट संदेश प्रदर्शित करता है, और इसलिए यह प्रस्तावों की सूची में नहीं है:

HTML:

 <span id="default_message_overlay">Default message</span> <select id="my_select"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> 

सीएसएस:

 #default_message_overlay { position: absolute; display: block; width: 120px; color: grey; } select { width: 150px; } 

जावास्क्रिप्ट (JQuery के साथ):

 $(document).ready(function() { // No selection at start $('#my_select').prop("selectedIndex", -1); // Set the position of the overlay var offset = $('#my_select').offset(); offset.top += 3; offset.left += 3; $('#default_message_overlay').offset(offset); // Remove the overlay when selection changes $('#my_select').change(function() { if ($(this).prop("selectedIndex") != -1) { $('#default_message_overlay').hide(); } }); }); 

मैंने डेमो के लिए एक जेस्फील्ड बनाया है फ़ायरफ़ॉक्स और IE8 के साथ परीक्षण किया गया

इसे इस्तेमाल करे:

 <div class="selectSelection"> <select> <option>Do not display</option> <option>1</option> <option>1</option> </select> </div> 

सीएसएस में:

 .selectSelection option:first-child{ display:none; } 
 <option value="" id="ddl" name="prop" style="display:none;" disabled selected>chose something </option> 

आप जरूर सीएसएस को एक सीएसएस फाइल में ले जा सकते हैं यदि आप चाहते हैं, और एक स्क्रीप्ट को esc बटन को फिर से अक्षम करने के लिए चुनने के लिए डाल सकते हैं। अन्य समान उत्तरों के विपरीत मैं value="" डालता है value="" , ऐसा इसलिए है यदि आप एक फॉर्म के साथ अपनी चयन सूची के मान (एस) भेजते हैं, इसमें "कुछ चुना" नहीं होगा Asp.net mvc 5 में var obj = { prop:$('#ddl').val(),...}; साथ संकलित JSON के रूप में भेजा var obj = { prop:$('#ddl').val(),...}; और JSON.stringify(obj); सहारा का मूल्य शून्य हो जाएगा।