如何在默認情況下顯示禁用HTML選擇選項？

我是新來的HTML和PHP，並希望從MySQL表中實現一個下拉菜單，也是硬編碼。我有多個選擇在我的網頁，其中之一是如何在默認情況下顯示禁用HTML選擇選項？

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

問題是，現在用戶還可以選擇「選擇標記」作爲自己的標籤，但我只想給他提供了從現有的三選。我用禁用作爲

<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」成爲默認的。所以我想默認設置爲「選擇標記」，並且希望將其從選擇中禁用。這是做到這一點的一種方式嗎？同樣的事情需要用其他選擇來完成，這將從Mysql獲取數據。任何建議都是可觀的。

來源

2014-02-26 Ankit Sharma

怎麼樣添加點擊選擇禁用第一個選項的事件。 –

你必須修復語法錯誤 - 值=「」禁用應禁用=「禁用」+刪除奇數關閉標籤 – Evgeniy

@Evgeniy oops屬於我的代碼的其他部分 –

161

使用

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

來源

2014-02-26 06:55:19 Cris

和我一起工作很好。你的舊回答沒有幫助，這可能是反對票的原因。反正+1。 –

+17

您不需要輸入「true」或「disabled」值。你可以通過選擇'<選擇禁用選項>選擇標記' –

+12

@ SamEaton，它只是讓代碼遵循有效的XHTML語法，否則在HTML5中可以忽略它。 – Cris

您可以設置該選項是默認選擇是這樣的：

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

來源

2014-02-26 07:14:03

我知道你問如何禁用選項，但我認爲最終用戶的視覺效果與此解決方案相同，儘管可能如此資源要求稍低。

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

來源

2015-01-23 10:48:44 Mandrake

這不起作用，OP需要默認選擇https://jsfiddle.net/tomsihap/5xm7grnb/ – tomsihap

在HTML5，選擇禁用選項：

<option selected disabled>Choose Tagging</option>

來源

2017-03-24 11:03:30

使用hidden。

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

這不取消，但不過你可以把它隱藏在選項，而它的默認顯示。

jsfiddle

來源

2017-08-18 20:25:42 Thielicious

selected disabled="true"

使用此。這將在新的瀏覽器

來源

2017-12-06 10:11:52

工作，如果你使用jQuery來填補你的選擇元素，您可以使用此：

HTML

<select id="tagging"></select>

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

這將允許用戶將第一個選項看作禁用的標題（'選擇標記'）和s選擇所有其他選項。

來源

2018-01-14 16:46:28 Cybernetic

電子+陣營讓你的兩個第一選擇是這樣的

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

首先顯示關閉二第一時顯示在列表中打開

來源

2018-02-28 01:16:25 Benjamin

如何在默認情況下顯示禁用HTML選擇選項？

回答

相關問題