在使用JQuery進行頁面開發(fā)時，我們經(jīng)常需要獲取input框中的值并進行處理，但是我們可能會遇到一種情況：input框中的值在獲取后不變。這種情況下我們需要仔細檢查代碼中的錯誤。

$(document).ready(function() {
var inputVal = $('#testInput').val();
console.log(inputVal);  // 輸出正確的值
$('#testInput').val('new input value');
console.log(inputVal);  // 輸出的值仍然是原來的值
});

代碼上述的問題出現(xiàn)在console.log中，原因是我們在輸出變量的值時，并沒有調(diào)用$('#testInput').val()重新獲取input框中的值，所以變量的值仍然是原來獲取的值。

如果我們希望在改變input框中的值后能夠重新獲取該值，我們只需要在修改input框的值后再次獲取該值即可。

$(document).ready(function() {
var inputVal = $('#testInput').val();
console.log(inputVal);  // 輸出正確的值
$('#testInput').val('new input value');
inputVal = $('#testInput').val();  // 獲取新的input框的值
console.log(inputVal);  // 輸出新的值
});

這樣我們就可以正確的獲取到input框中的新值了。