如何從一個輸入字段的文本獲取子串並顯示給另一個HTML元素

Question

var str1=$("#account-number").val().substring(0,4); 
$("#first-four").html(str1); 

我曾嘗試多種變化，並嘗試它是一個幾個小時......所以我想我應該尋求幫助.. 。

我希望能夠採取一種輸入字段的前四個字符ID爲「帳戶號」，並將其發送到id一個div「第一四」

Answer 1

在事情需要提防是變化與輸入。第一個只有在輸入失去焦點時纔會觸發。

$("#account-number").on("input", function(){ 
 
    $("#first-four").text(this.value.substring(0,4)); 
 
});

<input id="account-number" type="text" /> 
 
<div id="first-four"></div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

$(document).ready(function() { 
    $("#account-number").on("input", function() { 
     var str1 = $("#account-number").val().substring(0,4); 
     $("#first-four").html(str1); 
    }); 
}) 

Answer 3

$(document).ready(function(){ 
    $("#account-number").blur(function(){ 
     var accountNmbr = $("#account-number").val().substring(0,4); 
     $("#first-four").html(accountNmbr); 
    }); 
}); 

的jsfiddle：https://jsfiddle.net/Lw4kr4Lq/