變化和顯示基於輸入文本框[刪除/添加]的可用選項使用jquery

<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>

Jquery的變化和顯示基於輸入文本框[刪除/添加]的可用選項使用jquery

$("#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(); 

} 
    }  
    } 

});

您好，如圖上面的代碼中，我能夠除去所選擇的行，我的問題是，我無法添加所選的選項後面，如何添加所選行回 PS：如果一旦進入4中的最後2行被刪除，以後如果輸入5只在第一個4行是顯示和5行吐..但它需要它

如果第一次輸入= 4

ouptut：

<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

ouptut：

<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/

來源

2011-10-17 Ghostman

我不明白你想達到什麼 - 你ONL你想要顯示的選項，當他們匹配輸入字段中的文本？ – ManseUK

燁一旦進入，如果4其餘2被刪除，以後如果輸入5個在第一個4行是顯示和5行吐了..但它需要它 – Ghostman

編輯 - 合併的靈魂所做的更改：

，你可以保存在一個選項變量並將它們添加回：

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/

來源

2011-10-17 10:20:08

KEWL這正是我需要的...但我們不能有相同的選項將被存儲爲一個變量，它是在作爲視圖頁面<選擇的id =「studentinst」大小=「6」> – Ghostman

@soul我真的不明白你的要求！ :) –

兄弟變量你已經宣佈變種選項。我們不能從ID =「studentinst」 – Ghostman

一旦它刪除，它刪除！

如果你只是去移動行，你可以看看jQuery的前，後和附加功能。

如果你想暫時刪除行，然後將其插入後你應該使用分離。

如果你想隱藏它，並再次顯示它以後，你應該使用隱藏和顯示功能。

頭向jQuery documentation，並期待這些功能，看看有什麼適合。

下面是與分離（）小提琴，這使所有其他數據不變時，相同的元素被重新插入：http://jsfiddle.net/PQ7GF/50/

來源

2011-10-17 10:14:12 adeneo

變化和顯示基於輸入文本框[刪除/添加]的可用選項使用jquery

回答

相關問題