Làm thế nào để hiển thị tùy chọn vô hiệu hóa HTML chọn theo mặc định?

Tôi chưa quen với HTML và PHP và muốn đạt được trình đơn thả xuống từ bảng mysql và cũng được mã hóa cứng. Tôi có nhiều lựa chọn trong trang của mình, Một trong số đó là

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

Vấn đề là bây giờ người dùng cũng có thể chọn "Chọn gắn thẻ" làm gắn thẻ của mình nhưng tôi chỉ muốn cung cấp cho anh ta để chọn từ ba có sẵn. Tôi đã sử dụng vô hiệu hóa như

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

Nhưng bây giờ "Tùy chọn A" đã trở thành mặc định. Vì vậy, tôi muốn đặt "Chọn gắn thẻ" theo mặc định và cũng muốn tắt nó khỏi lựa chọn. Có phải là một cách để làm điều này. Điều tương tự cần phải được thực hiện với lựa chọn khác sẽ lấy dữ liệu từ Mysql. Bất kỳ đề nghị sẽ được đánh giá cao.

sử dụng

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

Trong HTML5, để chọn một tùy chọn bị vô hiệu hóa:

<option selected disabled>Choose Tagging</option>

Tôi biết bạn hỏi làm thế nào để vô hiệu hóa tùy chọn, nhưng tôi cho rằng kết quả trực quan của người dùng cuối là giống với giải pháp này, mặc dù có lẽ nó ít đòi hỏi tài nguyên hơn.

Sử dụng thẻ optgroup , như vậy:

<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 Hãy để hai tùy chọn đầu tiên của bạn giống như thế này

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

Đầu tiên hiển thị khi đóng Thứ hai để hiển thị đầu tiên khi danh sách mở

Sử dụng hidden.

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

Điều này không bỏ đặt nó nhưng bạn có thể ẩn nó trong các tùy chọn trong khi nó được hiển thị theo mặc định.

Một giải pháp thẻ CHỌN khác cho những người muốn giữ tùy chọn đầu tiên để trống.

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

 selected disabled="true"

Dùng cái này. Nó sẽ hoạt động trong các trình duyệt mới

chúng ta có thể vô hiệu hóa bằng cách sử dụng kỹ thuật này.

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

Nếu bạn đang sử dụng jQuery để điền vào phần tử chọn, bạn có thể sử dụng phần này:

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

Điều này sẽ cho phép người dùng xem tùy chọn đầu tiên dưới dạng tiêu đề bị vô hiệu hóa ('Chọn gắn thẻ') và chọn tất cả các tùy chọn khác.

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

sử dụng "CHỌN" tùy chọn mà bạn muốn chọn bằng cách sử dụng defult. cảm ơn

Bạn có thể đặt tùy chọn nào được chọn theo mặc định như thế này:

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

Tôi sẽ đề nghị sử dụng javascript và JQuery để quan sát sự kiện nhấp chuột và vô hiệu hóa tùy chọn đầu tiên sau khi đã chọn cái khác: Đầu tiên, cung cấp cho phần tử một ID như vậy:

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

và tùy chọn một id:

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

sau đó:

<script type="text/javascript">

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

Sau đó, bạn chỉ cần tạo chức năng:

function handleClickFunction () {

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