Varsayılan olarak HTML seçimini devre dışı bırak seçeneği nasıl gösterilir?

HTML ve PHP için yeniyim ve mysql tablosundan bir açılır menü elde etmek istiyorum ve çok kodlanmış. Sayfamda birden fazla seçim var, bunlardan biri

<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>

Sorun şimdi kullanıcı da onun etiketleme olarak "Etiketleme Seç" seçebilirsiniz ama ben sadece onu mevcut üç seçti sağlamak istiyorum. Özürlü olarak kullandım

<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>

Ama şimdi "Seçenek A" varsayılan seçenek oldu. Bu yüzden "Etiketleme Seç" i varsayılan olarak ayarlamak ve ayrıca seçimden devre dışı bırakmak istiyorum. Bunu yapmanın bir yolu var mı? Aynı şey, Mysql'den veri getirecek diğer seçimlerle de yapılmalıdır. Herhangi bir öneri takdir edilecektir.

kullanım

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

Bölümünde HTML5, devre dışı bir seçenek seçmek için:

<option selected disabled>Choose Tagging</option>

Seçeneği nasıl devre dışı bırakacağınızı sorduğunuzu biliyorum, ancak son kullanıcıların görsel sonucunun bu çözümle aynı olduğunu düşünüyorum, ancak muhtemelen daha az kaynak talep ediyor.

Optgroup etiketini şu şekilde kullanın :

<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>

Electron + React İlk iki seçeneğiniz böyle olsun

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

İlk kapandığında görüntülenen ilk İkinci liste açıldığında ilk görüntülenen

Kullanın hidden.

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

Bu ayar kaldırılmaz, ancak varsayılan olarak görüntülenirken seçeneklerde gizleyebilirsiniz.

İlk seçeneği boş tutmak isteyenler için başka bir SELECT etiket çözümü.

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

 selected disabled="true"

Bunu kullan. Yeni tarayıcılarda çalışır

bu tekniği kullanarak devre dışı bırakabiliriz.

<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>

Select öğenizi doldurmak için jQuery kullanıyorsanız, bunu kullanabilirsiniz:

html

<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');
  })

Bu, kullanıcının ilk seçeneği devre dışı bırakılmış başlık ('Etiketlemeyi Seç') olarak görmesini ve diğer tüm seçenekleri seçmesini sağlar.

            <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>

defult ile seçmek istediğiniz seçeneği "SELECTED" kullanın. Teşekkürler

Hangi seçeneğin varsayılan olarak şu şekilde seçileceğini ayarlayabilirsiniz:

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

Tıklama olayı gözlemlemek ve başka bir seçildikten sonra ilk seçeneği devre dışı bırakmak için javascript ve JQuery kullanmanızı öneririm: İlk olarak, öğeye şöyle bir kimlik verin:

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

ve seçenek bir kimlik:

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

sonra:

<script type="text/javascript">

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

Sonra sadece işlevi oluşturun:

function handleClickFunction () {

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