JQ只select选框选择到底部时动态添加新元素

1.html

<div class="form-group">
          <select class="form-control" name="sectionselecta" id="sectionselecta">
      <option value="0">区间</option>

      <option value="0">0</option>
      <option value="10">10</option>
      <option value="100">100</option>
      <option value="200">200</option>
     <option value="10000">10000</option>
   </select>
    -
    <select class="form-control" name="sectionselectb" id="sectionselectb">
      <option value="0">区间</option>
      <option value="0">0</option>
      <option value="10">10</option>
      <option value="100">100</option>
      <option value="200">200</option>
      <option value="10000">10000</option>
   </select>
      </div>

2.jq

$("#sectionselecta option:last").bind("mouseover",function(){
        /*获取倒数第二个元素的值*/
        var va=$("#sectionselecta option:last").prev().val();
           /*在最后一个元素前动态添加元素*/
        var nowva=va*2;
        var lastva=$("#sectionselecta option:last").val();
        if(nowva<lastva){
             $("#sectionselecta option:last").before('<option value="'+nowva+'">'+nowva+'</option>');
        }
      });
     $("#sectionselectb option:last").bind("mouseover",function(){
        /*获取倒数第二个元素的值*/
        var va=$("#sectionselectb option:last").prev().val();
           /*在最后一个元素前动态添加元素*/
        var nowva=va*2;
        var lastva=$("#sectionselectb option:last").val();
        if(nowva<lastva){
             $("#sectionselectb option:last").before('<option value="'+nowva+'">'+nowva+'</option>');
        }
      });