jquery删除选中之前的所有option

<select id="opt">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select><select id="optt">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>比如我选中第一个select的5，怎样将第二个option中5之前的全部删除（包括5），即只留6

解决方案 »

  1.   

    <head><script src="jquery-1.4.2.min.js"></script>
    <script>
    $(function(){
    $("#opt").blur(function(){
    var i=0;
    var num=$("#opt option:selected").text();
    for(i;i<num;i++){
     $("#optt>option:eq(0)").remove();
    }
    });
    })
    </script>
    </head><body>
    <select id="opt">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    </select><select id="optt">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    </select>
    </body>要这样的?
      

  2.   

    <script type="text/javascript">
    $(document).ready(function(){
    var $category=$("#optt:lt(6)");
    if($("#opt").is(":selected")){
        $category.remove();
    }  
    });
    </script>应该是这样
      

  3.   

    $("#selType>option").each(function(){
    if($(this).find("option:selected"))
    {
    //lt()小于 gt()大于
    $(this).remove();
    }
    })
      

  4.   

    <script>
    $(document).ready(function(){
    $("#opt").blur(function(){
    var i=0;
    var num=$("#opt option:selected").text();
    for(i;i<num;i++){
     $("#optt>option:eq("+i+")").remove();
    }
    });
    })
    </script>
      

  5.   

    <script>
    $(document).ready(function(){
    $("#opt").blur(function(){
    var i=0;
    var num=$("#opt").val();
    for(i;i<num;i++){
     $("#optt>option:eq("+i+")").remove();
    }
    });
    })
    </script>