Как по умолчанию отключить функцию выбора HTML?

Я новичок в 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>

Теперь проблема заключается в том, что пользователь может также выбрать "Выбрать тегирование" в качестве своего тега, но я хочу только предоставить ему возможность выбрать из трех доступных. Я использовал disable как

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

Но теперь "Option A" стал стандартным. Поэтому я хочу установить "Выбрать тегирование" по умолчанию и также отключить его от выбора. Это способ сделать это. То же самое нужно сделать с другим выбором, который будет извлекать данные из Mysql. Любое предложение будет заметным.

Ответы

Ответ 1

использование

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

Ответ 2

В HTML5 выберите отключенную опцию:

<option selected disabled>Choose Tagging</option>

Ответ 3

Я знаю, что вы спрашиваете, как отключить эту опцию, но я считаю, что конечный пользовательский результат выглядит так же, как это решение, хотя это, вероятно, незначительно меньше требует ресурсов.

Используйте тег 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>

Ответ 4

Electron + React Пусть ваши первые два варианта будут такими

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

Первый, который отображается при закрытии Второй, который отображается первым при открытии списка

Ответ 5

Используйте hidden.

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

Ответ 6

Еще одно решение для тегов SELECT для тех, кто хочет оставить первый параметр пустым.

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

Ответ 7

 selected disabled="true"

Используйте это. Он будет работать в новых браузерах

Ответ 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>

Ответ 9

Если вы используете 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');
  })

Это позволит пользователю увидеть первый вариант как отключенный заголовок ("Выбрать тегирование") и выбрать все остальные параметры.

enter image description here

Ответ 10

У меня есть выпадающий список, который отображает --Select Options-- по умолчанию. Однако после выбора этой опции и нажатия кнопки щелчка мыши выбранная опция будет оставаться вместо сброса к значению по умолчанию - --Select Options-- - которое мне понадобилось после события нажатия кнопки.

Ниже приведен пример кода для справки:

<select [(ngModel)]="selectedValue">
  <option value="selectOptions" disabled="disabled">---Select Options---</option>
  <option *ngFor="let somevalue of somevalues" [value]="somevalue">{{somevalue}}</option>
</select>

export class MyComponent {
  ngOnInit() {
   somevalues= ['abc', 'def','ghi'];
   selectedValue= "selectOptions";
  }
  someFunction() {
     // process selected option 
     var selection = selectedValue;
     :
     :
     //reset selectedValue to "--Select Options--"
     selectedValue = "selectOptions";
  }

}

Ответ 11

Вы можете установить, какая опция выбрана по умолчанию следующим образом:

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

Я бы предложил использовать javascript и JQuery для наблюдения за событием click и отключить первый вариант после того, как был выбран другой: Сначала дайте элементу идентификатор так:

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

Ответ 12

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

используйте "ВЫБРАН", какую опцию вы хотите выбрать по умолчанию. Спасибо