javascript - 使用 jquery 根据输入文本框更改和显示 [删除/添加] 可用选项

Question

 <input id="studentnoofinst" type="text" size="20" value=""/>
<select id="studentinst" size="6">
<option value="1">First Installment</option>
<option value="2">Second Installment</option>
<option value="3">Third Installment</option>
<option value="4">Fourth Installment</option>
<option value="5">Fifth Installment</option>
<option value="6">Sixth Installment</option>
</select>

查询

 $("#studentnoofinst").keyup(function() { 

    //$("select option[value='fb']").prop("selected",true);
    alert("going to change");
    $leap=0;
    $leap=($('#studentnoofinst').val());
    if($leap!=''){
    for(i=$leap;i<=6;i++) {// displaying the no of installments 
        if(i!=$leap){
            $('#studentinst option[value='+i+']').remove();

 }
     }    
    }

});

您好，如上面的代码所示，我可以删除选定的行，我的问题是我无法将选定的选项添加回来，如何将选定的行添加回来P.S: 一旦输入 4 最后 2 行被删除，之后如果输入 5 只显示前 4 行并且第 5 行被吐出..但它需要它

如果第一次输入=4

输出:

  <option value="1">First Installment</option>
  <option value="2">Second Installment</option>
  <option value="3">Third Installment</option>
  <option value="4">Fourth Installment</option>

如果第二次输入=5

输出:

  <option value="1">First Installment</option>
  <option value="2">Second Installment</option>
  <option value="3">Third Installment</option>
  <option value="4">Fourth Installment</option>
  <option value="5">Fifth Installment</option>//vomitted but i need this? add

此处为实例:http://jsfiddle.net/PQ7GF/30/

Answer 1

编辑 - 合并灵魂所做的更改:

您可以将选项保存在一个变量中，然后将它们添加回来:

var list = $('#studentinst').html();
$("#studentnoofinst").keyup(function() {
    $('#studentinst').empty().append(list);
    alert("going to change");
    $leap = 0;
    $leap = ($('#studentnoofinst').val());
    if ($leap != '') {
        for (i = $leap; i <= 6; i++) { // displaying the no of installments 
            if (i != $leap) {
                $('#studentinst option[value=' + i + ']').remove();
            }
        }
    }
});

在这里摆弄:http://jsfiddle.net/PQ7GF/49/