如何在使用jQuery輸入值之後按值輸入值？

Question

看我下面的例子。我試圖在輸入中輸入Mike，然後點擊「刪除輸入」以從頁面中刪除輸入。當用戶鍵入一個值時，似乎並沒有在DOM中更新該值。我怎樣才能解決這個問題？

例子：http://jsfiddle.net/ZMSaD/

Answer 1

值在DOM更新，您可以用alert($('#testing').val());（#testing是你要刪除的輸入檢查。 ）

但是$("input[value='Mike']").remove();似乎檢查t他對源HTML中編寫的HTML屬性的值進行評估。奇怪的是，HTML 屬性未在此上下文中更新。

試試這個直觀的例子。您#testing輸入型「邁克」設置value="foo"到在運行時的控制，則：

alert($('#testing').attr('value')); // Mike 
alert($('input[value="foo"]').val()); // Mike 

但是，你可以強制它通過在變化明確地分配給屬性更新：

$('input').bind('change',function() { 
    $(this).attr('value',this.value) 
}); 

然後您的原始代碼將工作。

Answer 2

試試這個：

$("#remove").click(function() { 
    $("input").filter(function(){ 
     return this.value === "Mike" 
    }).remove() 
}); 

http://jsfiddle.net/N6pw6/