在html中禁用/只讀選擇標籤

我怎樣才能使選擇標籤只讀？我讀過你不能將select設置爲只讀。我這樣做，我可以將其設置爲禁用，但...這不是一個選項。我想用戶查看在選擇標籤其餘的選項，但不能夠選擇其中之一..在html中禁用/只讀選擇標籤

任何想法？

來源

2011-11-29 Tiwaz89

有什麼意義假只讀允許用戶查看所有選項，但不允許他/她選擇任何選項？ – dhblah

+25

我不知道老兄。我只是程序員。詢問愚蠢的用戶。 :-( – Tiwaz89

@Relborg，我笑得那麼厲害，我的同事給了我一個奇怪的樣子。 –

您可以使用禁用的屬性。例如

。

<select > 
    <option disabled="disabled" value="volvo">Volvo</option> 
    <option disabled="disabled" value="saab">Saab</option> 
    <option disabled="disabled" value="mercedes">Mercedes</option> 
    <option disabled="disabled" value="audi">Audi</option> 
</select>

來源

2011-11-29 13:14:52

我看..設置每個選項標記爲已禁用，而不是禁用整個選擇標籤。感謝您的幫助Saifuddin。真的很感激 – Tiwaz89

這防止所選擇的值，從與所述表單提交，雖然。 –

@ButtleButkus是，你是對。在一個形式禁用的元件將不提交而禁用屬性將不與所以隱藏工作字段將被用於代替選定的值 –

假設標籤id = 「mySelectID」，和jQuery是常駐，則：

<script language="javascript"> 
// disable all the options that are not in use: 
$("#mySelectID option").not(":selected").attr("disabled", "disabled"); 

// to remove readonly, enable them again: 
$("#mySelectID option").not(":selected").attr("disabled", ""); 
</script>

來源

2012-11-07 07:38:41 armen

jQuery的現在屬性和特性區分，所以你也可以這樣做：'$（selector）.prop（'disabled'，true）'Details：http://api.jquery.com/prop/ –

我使用的選定的禁用選項值的標籤。

這將有助於提示用戶選擇一個選項的目的，同時禁用了該選項。

例子：

<option selected disabled>-Select-</option>

來源

2015-03-11 06:10:08

https://coderanch.com/t/469173/select-box-READONLY-true

如果要禁用選擇框，那麼你可以使用JavaScript代碼的形式提交前啓用了回去。因此，對形式的onsubmit事件，您可以啓用選擇框，這樣，當表單提交它的價值也被提交...

來源

2016-10-25 11:19:08 ahll

你可以把它加入style="pointer-events:none;"

來源

2018-01-30 13:06:49

在html中禁用/只讀選擇標籤

回答

相關問題