JQuery - 使用.html（）設置後獲取.html（）

Question

我使用的jQuery與localStorage的力量。

以下是我有：

<textarea name="localStorageString" id="localStorageString"></textarea> 
<script> 
    var userJson = localStorage.getItem('userJson'); 
    $('#localStorageString').html(userJson); 
    $('#localStorageString').keyup(function(){ 
    alert($(this).html()); 
}); 

的textarea填寫正確，問題是，當我修改它，它總是提醒相同的值（由html(userJson)設置）。

有什麼想法？

Answer 1

我忘了這一個。爲什麼.html()不起作用？

html() - 這是原生JavaScript .innerHTML函數。它將標籤內的所有內容（所有節點）都視爲一個字符串。

<div id="Node"> 
    <a href="#">Hello</a> 
</div> 
console.info($('#Node').html()); // <a href="#">Hello</a> 

val() - 那就是form.element.value。

Answer 2

請勿使用html()，請使用val()。

Answer 3

您需要$(this).val()才能獲取表單元素的值。

Answer 4

簡單：不要在<textarea>（或其他表單元素）上使用.html()。使用.val()（或.value）。

$('#localStorageString').val(userJson) 
.keyup(function() { 
    console.log(this.value); 
}); 

http://jsfiddle.net/mattball/Zz2cF/

Answer 5

嘗試使用的.val()代替.html()。

.val()：http://api.jquery.com/val

.html()：http://api.jquery.com/html