增加值的文本框歷史沒有提交使用JavaScript或Jquery的

Question

朋友你好形式我有一個<input type="text" id="tempID" />元素在我的形式

我也有我的形式<input type="button" onclick="doSomething()" />元素。

我想在用戶單擊按鈕時將文本框的值添加到文本框歷史記錄中。

我正在使用Jquery ajax處理請求。所以我必須用javascript或Jquery來完成。

是否可以使用javascript/Jquery爲特定<input type="text" />元素的歷史記錄添加值？

Answer 1

這裏是如何使用做HTML5 LocalStorage

$("#tempID").autocomplete({ 
    source: function(req, resp) { 

    var temp = localStorage.getItem('custom_history'); 

    var data = JSON.parse(temp); 
    resp(data); 

} 
}); 


$('#tempID').on('blur', function() { 
    var temp = localStorage.getItem('custom_history'); 

    var data = JSON.parse(temp); 
    if($.trim(this.value).length > 0) 
     data.push(this.value); 

    localStorage.setItem('custom_history', JSON.stringify(data)); 

}）;

我在做什麼是將值設置爲HTML5本地存儲當用戶離開輸入字段，點擊其他地方。

然後檢索並設置爲jQuery UI自動完成的源。

這裏是工作提琴http://jsfiddle.net/joycse06/EBduF/173/

輸入一些值。點擊其他地方。再次點擊並添加其他值。刷新小提琴，並開始輸入其中一個和自動完成將顯示出來。

UPDATE

根據他的意見，後來聊天的最終代碼，他需要的就是這個，我如果可能別人後面

// if we dont set this line then ff will return null, and null.length will throw an error 
if(!localStorage.getItem('custom_history')) 
     localStorage.setItem('custom_history',''); 
$("#test").autocomplete({ 
    source: function(req, resp) { 
     var term = req.term; 
     var temp = localStorage.getItem('custom_history'); 
     var data = []; 
     if(temp.length > 0) 
      data = JSON.parse(temp); 
     var intRegex = /^\d+$/; 
     data = $.map(data,function(val){ 
       if(intRegex.test(val)){ 
        if(val.indexOf(term) != -1) 
         return val; 
        else 
         return null; 
       } 
       else 
        return null; 
      }); 
     resp(data); 

    } 
}); 


$('#save').on('click', function() { 
    var temp = localStorage.getItem('custom_history'); 

     var data = []; 
     if(temp.length > 0) 
     data = JSON.parse(temp); 
     var value = $.trim($('#test').val()); 
     if(value.length > 0){ 
     if($.inArray(value,data) != -1){ 
      //alert('Duplicate'); 
      return; 
     } 

     } 
     data.push(value); 
     localStorage.setItem('custom_history', JSON.stringify(data)); // set item to localStorage 
}); 

Answer 2

可以使用localStorage像以下：

var arr = []; 
$('input#tempID').on('click', function() { 
    arr.push(this.value); 
    localStorage.setItem('history', JSON.stringify(arr)); // set item to localStorage 
}); 

要檢索值嘗試，

var temp = localStorage.getItem('history'); 

if(retarr) { // checking that data it stored in localStorage or not, if not exists temp = null 
    var allHistories = JSON.parse(temp); // now you have history 
    console.log(allHistories); 
} 

我認爲你需要像autocomplete