自定义下拉默认选定项目

时间:2017-07-06 20:09:34

标签: javascript jquery html css drop-down-menu

我使用以下样式的下拉菜单:

https://codepen.io/wallaceerick/pen/ctsCz

<select id="mounth">
    <option value="hide">-- Month --</option>
    <option value="january" rel="icon-temperature">January</option>
    <option value="february">February</option>
    <option value="march">March</option>
    <option value="april">April</option>
    <option value="may">May</option>
    <option value="june">June</option>
    <option value="july">July</option>
    <option value="august">August</option>
    <option value="september">September</option>
    <option value="october">October</option>
    <option value="november">November</option>
    <option value="december">December</option>
</select> 

我用它来让用户选择他们的出生日期月份。因此,他们第一次注册,他们选择月份,并保存。当用户想要编辑他们的个人资料时,我需要一种方法来为他们选择之前选择的月份。关于如何预先选择其中一个月的想法值得赞赏!

1 个答案:

答案 0 :(得分:0)

试试这个......

$("#mounth option[value='hide']").each(function() {
$(this).remove();
}

注意,月份拼写错误。并且您可能希望将值实际存储为数字月,1月为1等等。