Wie kann ich die HTML Option standardmäßig deaktivieren?

Question

Ich bin neu in HTML und PHP und möchte ein Dropdown-Menü aus der Tabelle mysql erreichen und auch hart-codiert. Ich habe mehr wählen in meiner Seite, Eine von ihnen ist

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

Problem ist nun, dass der Benutzer auch „Wählen Sie Tagging“, wie sein Tagging auswählen kann, aber ich möchte nur, dass ihn von drei zur Verfügung zu wählen. Ich habe deaktiviert als

Aber jetzt "Option A" wurde der Standard. Deshalb möchte ich "Tagging auswählen" als Standard festlegen und es auch aus der Auswahl deaktivieren. Ist es ein Weg, dies zu tun? Selbe Sache muss mit anderen select gemacht werden, die Daten von Mysql holen. Jeder Vorschlag wird spürbar sein.

Answer 1

Verwendung

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

Answer 2

Sie können festlegen, welche Option standardmäßig wie folgt gewählt:

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

Ich würde Javascript und JQuery vorschlägt, mit für Click-Ereignis zu beobachten, und die erste Option nach der anderen deaktivieren wurde ausgewählt: Geben Sie zunächst dem Element eine ID wie folgt:

und die Möglichkeit, eine ID:

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

dann:

<script type="text/javascript"> 

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

Dann erstellen Sie einfach die Funktion:

function handleClickFunction() { 

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

Answer 3

Ich weiß, Sie fragen, wie die deaktivieren Option, aber ich denke, das visuelle Ergebnis der Endbenutzer ist das gleiche mit dieser Lösung, obwohl es wahrscheinlich ist marginal weniger Ressourcen fordernd.

Verwenden Sie den optgroup Tag, etwa so:

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

Answer 4

In HTML5, eine deaktivierte Option zu wählen:

<option selected disabled>Choose Tagging</option> 

Answer 5

Verwendung hidden.

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

Dies gilt nicht ungesetzt es aber Sie können es in den Optionen jedoch verbergen, während sie standardmäßig angezeigt wird.

jsfiddle

Answer 6

selected disabled="true" 

verwenden.Es wird in einem neuen Browser funktionieren

Answer 7

Wenn Sie jQuery verwenden, um Ihre select-Element zu füllen, können Sie diese verwenden:

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

Dies ermöglicht es dem Benutzer, die erste Option als deaktivierte Überschrift ('Wählen Sie Tagging') und s zu sehen wähle alle anderen Optionen.

Answer 8

Electron + Reagieren Ihre beiden ersten Optionen Lassen Sie wie folgt

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

Erst wenn Zweite geschlossen angezeigt werden zuerst angezeigt werden, wenn die Liste