灭活但显示在多个选项中选择

我有这样的多重选择，而且你可以看到，第一个选项，他的名字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

灭活但显示在多个选项中选择

回答

相关问题