डिफ़ॉल्ट रूप से अक्षम HTML चयन विकल्प कैसे दिखाएं?

Question

मैं HTML और PHP के लिए नया हूं और mysql टेबल से ड्रॉप-डाउन मेनू और हार्ड-कोडित भी प्राप्त करना चाहता हूं। मेरे पेज में कई सारे सेलेक्ट हैं, उनमें से एक है

<select name="tagging">
    <option value="">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

समस्या अब यह है कि उपयोगकर्ता "टैगिंग" का चयन उसकी टैगिंग के रूप में भी कर सकता है, लेकिन मैं केवल उसे उपलब्ध तीन में से चुनना चाहता हूं। मैं अक्षम के रूप में इस्तेमाल किया

<select name="tagging">
    <option value="" disabled="disabled">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

लेकिन अब "विकल्प ए" डिफ़ॉल्ट बन गया। इसलिए मैं डिफ़ॉल्ट रूप से "टैगिंग चुनें" सेट करना चाहता हूं और चयन से इसे अक्षम करना चाहता हूं। क्या यह ऐसा करने का एक तरीका है। इसी तरह की अन्य चीजों के साथ काम करने की आवश्यकता है जो मैसकल से डेटा प्राप्त करेंगे। किसी भी सुझाव की सराहना की जाएगी।

Comments

पहले विकल्प को निष्क्रिय करने के लिए चयन पर एक क्लिक ईवेंट कैसे जोड़ें।

— डेविड ब्लैकस्मिथ

आपको सिंटैक्स त्रुटि को ठीक करना है - मान = "" विकलांग को अक्षम होना चाहिए = "अक्षम" + विषम समापन को दूर करना </ select> टैग

— एवगेनी

@ ईजेनवी ने कहा कि </ select> मेरे कोड के अन्य भाग से संबंधित है

— अंकित शर्मा

@AnkitSharma ibe ने आपका कोड संपादित किया - आपने </ select> <select> <विकल्प> ... <विकल्प> </ select>

— Evgeniy

@Evgeniy thanx ..... </ select> गलती से मेरे कोड से कॉपी हो गया।

— अंकित शर्मा

Answer 1

उपयोग

<option selected="true" disabled="disabled">Choose Tagging</option>    

Comments

आपको trueया disabledमान डालने की आवश्यकता नहीं है । आप कर सकते हैं<option selected disabled>Choose Tagging</option>

— सैम ईटन

@ सैमटन, यह सिर्फ वैध एक्सएचटीएमएल सिंटैक्स का पालन करने के लिए कोड बनाता है, एचटीएमएल 5 में आप इसे उपेक्षित कर सकते हैं।

— संकट

आपको मान सेट करना चाहिए = "" तो अगर आपको भी आवश्यकता है तो ड्रॉपडाउन से चुनने के लिए एक त्रुटि उठाई जाएगी, अन्यथा एक खाली मान पास हो जाता है, भले ही कुछ भी नहीं चुना गया हो। <option selected="true" disabled="disabled" value="">Choose Tagging</option>

— user34612

Answer 2

में HTML5, एक विकलांग विकल्प का चयन करने के लिए:

<option selected disabled>Choose Tagging</option>

Answer 3

मुझे पता है कि आप पूछते हैं कि विकल्प को कैसे निष्क्रिय किया जाए, लेकिन मुझे लगता है कि अंतिम उपयोगकर्ता दृश्य परिणाम इस समाधान के साथ समान हैं, हालांकि यह संभवतः कम संसाधन की मांग है।

ऑप्टग्रुप टैग का उपयोग करें , जैसे:

<select name="tagging">
    <optgroup label="Choose Tagging">
        <option value="Option A">Option A</option>
        <option value="Option B">Option B</option>
        <option value="Option C">Option C</option>
    </optgroup>
</select>

Comments

यह काम नहीं करता है, ओपी को डिफ़ॉल्ट jsfiddle.net/tomsihap/5xm7grnb

— tomsihap

Answer 4

इलेक्ट्रॉन + प्रतिक्रिया अपने दो पहले विकल्पों को इस तरह से होने दें

<option hidden="true>Choose Tagging</option>
<option disabled="disabled" default="true">Choose Tagging</option>

सूची खुलने पर सबसे पहले प्रदर्शित करने के लिए दूसरा बंद होने पर प्रदर्शित करने के लिए

Answer 5

का उपयोग करें hidden।

<select>
   <option hidden>Choose</option>
   <option>Item 1</option>
   <option>Item 2</option>
</select>

यह इसे परेशान नहीं करता है लेकिन आप इसे डिफ़ॉल्ट रूप से प्रदर्शित करते समय विकल्पों में छिपा सकते हैं।

Answer 6

जो लोग पहले विकल्प को खाली रखना चाहते हैं, उनके लिए एक और चयनित टैग समाधान।

<label>Unreal :</label>
<select name="unreal">
   <option style="display:none"></option>
   <option>Money</option>
   <option>Country</option>
   <option>God</option>
</select>

Answer 7

 selected disabled="true"

इसे इस्तेमाल करो। यह नए ब्राउज़रों में काम करेगा

Answer 8

हम इस तकनीक का उपयोग करके अक्षम कर सकते हैं।

<select class="form-control" name="option_select">
  <option selected="true" disabled="disabled">Select option </option>
  <option value="Option A">Option A</option>
  <option value="Option B">Option B</option>
  <option value="Option C">Option C</option>
</select>

Answer 9

यदि आप अपने चुनिंदा तत्व को भरने के लिए jQuery का उपयोग कर रहे हैं, तो आप इसका उपयोग कर सकते हैं:

एचटीएमएल

<select id="tagging"></select>

js

array_of_options = ['Choose Tagging', 'Option A', 'Option B', 'Option C']

$.each(array_of_options, function(i, item) {
    if(i==0) { sel_op = 'selected'; dis_op = 'disabled'; } else { sel_op = ''; dis_op = ''; }
    $('<option ' + sel_op + ' ' + dis_op + '/>').val(item).html(item).appendTo('#tagging');
  })

यह उपयोगकर्ता को पहले विकल्प को एक अक्षम शीर्षक ('टैगिंग चुनें') के रूप में देखने की अनुमति देगा, और अन्य सभी विकल्पों का चयन करेगा।

Answer 10

            <select name="dept" id="dept">
                <option value =''disabled selected>Select Department</option>
                <option value="Computer">Computer</option>
                <option value="electronics">Electronics</option>
                <option value="aidt">AIDT</option>
                <option value="civil">Civil</option>
            </select>

"सेलेक्टेड" का उपयोग करें जो आप डिफॉल्ट से चयन करना चाहते हैं। धन्यवाद

Comments

यह मार्गदर्शन पहले से ही इस प्रश्न पर यहां पोस्ट किया गया था: stackoverflow.com/a/42997841/2943403 आपका उत्तर पृष्ठ पर कोई नया मूल्य नहीं जोड़ता है और केवल पृष्ठ ब्लोट में योगदान देता है।

— मिकमेकुसा

Answer 11

आप डिफ़ॉल्ट रूप से किस विकल्प का चयन कर सकते हैं:

<option value="" selected>Choose Tagging</option>

मैं सुझाव दूंगा कि javascript और JQuery का उपयोग करके इवेंट पर क्लिक करें और दूसरे विकल्प के चुने जाने के बाद पहले विकल्प को निष्क्रिय करें: पहला, तत्व को एक आईडी दें जैसे:

<select id="option_select" name="tagging">

और एक विकल्प का विकल्प:

<option value="" id="initial">Choose Tagging</option>

फिर:

<script type="text/javascript">

$('option_select').observe(click, handleClickFunction);

तो आप बस समारोह बनाएँ:

function handleClickFunction () {

if ($('option_select').value !== "option_select") 
{
   $('initial').disabled=true; }
}