選択>オプションドロップダウンで項目を非表示にするにはどうすればいいですか？

Question

今日、私は私の問題で2つの質問があります。

最初の質問：

私は配列をforeachためにループを使用していました。

私は値を持つ2つのオプションを取得します。このよう

：

<select> 
    <option disable>  Angust  </option> 
    <option disable>  October  </option> 
    <option values="20"> Noel  </option> 
    <option disable>  November </option> 
    <option disable>  December </option> 
    <option values="34"> Happy new year </option> 
</select> 

そして属性を持つ隠されたすべてのオプションのいずれかの方法でdisableである必要があり、例外オプションは、属性valuesを持っています。

2番目の質問：

私はループテーブルspecial_monthテーブルにしようとしたときに、私は唯一の<option>がvaluesを持って取得したいです。

とTO <option>を選択したとき、私はまた、値を取得し、方法 POSTを使用して、選択したこのアイテムの名前を取得します。

例：

私が選択：

<option values="34"> Happy new year </option>を。

idをvalues = 34とし、nameをvalues = Happy new yearとします。

Answer 1

1. それはあなたが必要な場合は、valueなくvalues（最後にsがあってはならない）
2. あるべきdisabledないdisable（エンドでdを逃す）
3. する必要があります

#s2 option[disabled] { 
 
    display: none; 
 
}

<select id="s1"> 
 
    <option disabled="disabled">  Angust  </option> 
 
    <option disabled="disabled">  October  </option> 
 
    <option value="20"> Noel  </option> 
 
    <option disabled="disabled">  November </option> 
 
    <option disabled="disabled">  December </option> 
 
    <option value="34"> Happy new year </option> 
 
</select> 
 
<br /><br /> 
 
<select id="s2"> 
 
    <option disabled="disabled">  Angust  </option> 
 
    <option disabled="disabled">  October  </option> 
 
    <option value="20"> Noel  </option> 
 
    <option disabled="disabled">  November </option> 
 
    <option disabled="disabled">  December </option> 
 
    <option value="34"> Happy new year </option> 
 
</select>

：無効なオプションを非表示にする cssを使用することができます