滅活但顯示在多個選項中選擇

我有這樣的多重選擇，而且你可以看到，第一個選項，他的名字it's 選擇您的選項滅活但顯示在多個選項中選擇

<select name="services" multiple="" class="s_select"> 
<option>SELECT YOUR OPTION</option> 
<option>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
<option>Option 4</option> 
<option>Option 5</option> 
</select>

問題it's所有的人可以選擇所有選項，也可以選擇這個不值選項「選擇你的選項」，是可以停用等，但我想繼續顯示這個選項，但是人們無法選擇

我的問題是，我如何顯示「選擇你的選擇」的價值，並不讓人們選擇永不，但也繼續顯示，我不能找到從未在HTML代碼做這個，我不知道是否使用jQuery it's可能

我希望明白我的問題，thank's的幫助，視

來源

2016-11-30 Cristian

你錯過每個選項的值。只需在第一個選項中添加一個空白值，並在提交表單時檢查提交之前選擇的值是否非空白 –

使用此[小提琴]（https://jsfiddle.net/pandeyvishal1986/n0dg6dso/#&togetherjs= 2o9OnKtCbx） – RonyLoud

有兩種方法可以做到這一點。

選項禁用

這將顯示選項，但現在允許它被點擊

<select name="services" multiple="" class="s_select"> 
    <option disabled>SELECT YOUR OPTION</option> 
    <option>Option 1</option> 
    <option>Option 2</option> 
    <option>Option 3</option> 
    <option>Option 4</option> 
    <option>Option 5</option> 
</select>

OPTGROUP

你可以把你的第一個項目作爲組標籤讓它看起來像一個標題並且不可選。

<select name="services" multiple="" class="s_select"> 
    <optgroup label="SELECT YOUR OPTION"> 
    <option>Option 1</option> 
    <option>Option 2</option> 
    <option>Option 3</option> 
    <option>Option 4</option> 
    <option>Option 5</option> 
    </optgroup> 
</select>

https://jsfiddle.net/vq56vtj5/1/

來源

2016-11-30 14:11:49 TheValyreanGroup

啊不錯完美:) – Cristian

滅活但顯示在多個選項中選擇

回答

相關問題