select标签显示固定条数，使用滚动条

1. 问题描述:
   1. 下拉框太长，一直到页面底部
   2. select默认是20条<option>,超过20条时才会出现滚动条
   3. 可以设置size="5"属性，用来指定显示多少行，设置之后发现只显示了一行，下拉框样式出现问题，次是需要添加height:auto;z-index:1;position: absolute;样式,这样原有的样式布局才不会发生改变，具体根据实际情况调整。
   4. 结果如图：
2. HTML:

   1. <select id="storePrizeName" name="storePrizeName" class="form-control"
                          style="z-index: 1;position: absolute;">
                      <option value="">所有</option>
                      <option value="aaaa">aaaa</option>
                      <option value="bbbb">bbbb</option>
                      <option value="cccc">cccc</option>
                      <option value="dddd">dddd</option>
                      <option value="eeee">eeee</option>
                      <option value="ffff">ffff</option>
                      <option value="gggg">gggg</option>
                      <option value="hhhh">hhhh</option>
                      <option value="iiii">iiii</option>
                      <option value="jjjj">jjjj</option>
                      <option value="kkkk">kkkk</option>
      </select>

       

3. JS:

   1.     //初始化下拉框事件--产品维度
          $("#storePrizeName>option").click(function(){
              $("#storePrizeName").removeAttr("size");
              $("#storePrizeName").css("height","");
              $("#storePrizeName").blur();
              this.attr("selected","");
          });
          $("#storePrizeName").focus(function(){
              $("#storePrizeName").attr("size","5");
              $("#storePrizeName").css("height","auto");
          });
          $("#storePrizeName").blur(function () {
              $("#storePrizeName").removeAttr("size");
              $("#storePrizeName").css("height","");
          });