デフォルトでHTML選択オプションを無効にする方法を教えてください。

私はHTMLとPHPに不慣れで、mysqlテーブルからドロップダウンメニューを実現し、ハードコーディングしたいと考えています。ページに複数選択があります。そのうちの1つは

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

問題は、ユーザーがタグ付けとして「タグ付けの選択」を選択できることですが、利用可能な3つから選択するように彼に提供したいだけです。私は無効化を使用しました

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

しかし、今では「オプションA」がデフォルトになりました。したがって、「Choose Tagging」をデフォルトとして設定し、それを選択から無効にしたいと思います。これを行う方法ですか？Mysqlからデータをフェッチする他のselectでも同じことが必要です。どんな提案も認められます。

使用する

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

でHTML5、無効なオプションを選択するには：

<option selected disabled>Choose Tagging</option>

このオプションを無効にする方法を尋ねられることはわかっていますが、エンドユーザーの視覚的な結果はこのソリューションと同じですが、リソースの要求はわずかに少なくなります。

次のようにoptgroupタグを使用します。

<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最初の2つのオプションを次のようにします

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

最初に閉じたときに表示する2番目にリストを開いたときに最初に表示する

を使用しhiddenます。

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

これで設定が解除されることはありませんが、デフォルトで表示されている間はオプションで非表示にすることができます。

最初のオプションを空白のままにしたい人のための別のSELECTタグソリューション。

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

 selected disabled="true"

これを使って。新しいブラウザで動作します

この手法を使用して無効にできます。

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

jQueryを使用してselect要素に入力する場合、これを使用できます。

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

これにより、ユーザーは最初のオプションを無効な見出し（「タグ付けの選択」）として表示し、他のすべてのオプションを選択できるようになります。

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

デフォルトで選択するオプション「SELECTED」を使用します。ありがとう

次のように、デフォルトで選択するオプションを設定できます。

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

JavaScriptとJQueryを使用してクリックイベントを監視し、別のオプションが選択された後に最初のオプションを無効にすることをお勧めします。まず、要素に次のようなIDを指定します。

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

そしてオプションのid：

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