從窗體輸入文本元素的最後三個字符填充div？

Question

我有這樣的代碼，與表單輸入數據填充DIV：

var div = $('div')[0]; 
$('input').bind('keyup change', function() { 
    div.innerHTML = this.value; 
}); 

，但我只想從輸入字段不是所有的字符提取最後三個字符。我如何使用jQuery做到這一點？

Thanx！

Answer 1

您可以使用JavaScript的內建方法.substr()爲：

var div = $('div')[0]; 
$('input').bind('keyup change', function() { 
    var val = this.value, 
     valLength = val.length; 
    div.innerHTML = valLength < 3 ? val : val.substr(valLength - 3, 3); 
    // check if the value has less than three chracters. If yes return the plain value, if not return the less three characters. 
}); 

.substr()切出字符串的一部分。它接受兩個參數。第一個決定你希望子串開始的位置，第二個決定應該在多長時間。

Answer 2

var str =this.value; 
div.innerHTML = str.substring(str.length-3,str.length); 

這裏是jsFiddle

Answer 3

您可以在值中使用substr如下：

div.innerHTML = this.value.substr(-3); 

雖然作爲Microsoft JScript doesn't support a negative start value，你可能更喜歡：

div.innerHTML = this.value.substr(this.value.length-3); 

，還應注意，我絕不會使用帶有用戶輸入值的'innerHTML'在您的案例中不必要地提升對目標元素的訪問權限。相反（如你使用jQuery），使用：

div.text(this.value.substr(-3)); 

Answer 4

var txt =「string」; txt = txt.substring（txt.length-3）;

http://jsfiddle.net/WyT5j/

Answer 5

在這種情況下，我會用slice()：

div.innerHTML = this.value.slice(-3); 

slice()有兩個參數; begin索引和end索引。如果兩者都是負數，則索引將作爲字符串末尾的偏移量。