jQuery替換變量不會被更換

Question

在下拉更改變量val在replacewith中沒有被更改。它仍然設置爲初始值，但沒有更新。

alert（val）確實給出了正確的值。 刪除val也沒有幫助。

$(document).ready(function() { 
    $("#answerDropdown").change(function() { 
     var val = $(this).val(); 
     if (val != '') { 
     $("#filler").replaceWith('<div id="replaced"> ' + val + '</div>'); 
     alert(val); 
     delete val; 
     } 
    }); 
}); 

Fiddle

Answer 1

問題是你與ID更換DIV第一變化=「填料」後

因此第二和隨後的onChange不會有使用id =「填料」的元件 - 這樣的代碼只是不運行

你可以做到這一點，而不是

$("#filler").html('<div id="replaced"> ' + val + '</div>'); 

這將導致在具有內的div

或

$("#filler").replaceWith('<div id="filler"> ' + val + '</div>'); 

其等同於

$("#filler").text(val);