如何隐藏选择>中的任何项目选项下拉?

时间:2016-10-12 01:35:26

标签: php jquery html css

今天,我对我的问题有两个问题。

第一个问题:

我正在使用循环来foreach一个数组。

我只有两个有价值的选项。

像这样:

<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

第二个问题:

因此,当我尝试循环表special_month表时,我希望仅<option>获得values

当选择<option>时,我也会获取值并使用方法POST获取此项目的名称。

例如:

我选择了:

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

所以,我希望id获得values = 34name获得values = Happy new year

1 个答案:

答案 0 :(得分:2)

  1. 应该是disabled而不是disable(最后错过d
  2. 应该是value而不是values(最后s不应该在那里)
  3. 如果您愿意,可以使用css隐藏已禁用的选项:
  4. #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>