select标签,option标签使用，第一个选项为默认，下拉列表第一个选项不可点击

需求：一个下拉列表，显示查询类型，然后点击查询类型，显示具体的类型

效果如下：

思路:设置查询类型这个option为默认选中的，但是其不能点击，设置disable属性为disable

代码如下:
 

 <select class="hd_drop_down_box">
            <option disabled="disabled" selected="selected">查询类型</option>
            <option value="weekQuery">按周查询</option>
            <option value="monthQuery">按月查询</option>
            <option value="yearQuery">按年查询</option>
            <option value="ownQuery">自定义查询</option>
 </select>

css代码如下:

.hd_drop_down_box {
    margin-left: 25px;
    /*color: aliceblue;*/
    width: 90px;
    height: 25px;
    border: 2px solid #48b0f7;
    border-radius: 5px;
    /*background-color: #48b0f7;*/
    text-align: center;
    /* text-indent: 5px; */
    font-size: 12px;
    line-height: 25px;
    /*cursor: pointer;*/
}