Jquery中文本字段值更改时的空数组

Question

如果我第一次输入一个字符串，它会很完美。但是，如果我尝试更改它，它将不起作用，因为 nameArray 正在将所有值添加到 index.html 中。我尝试用 namArray = [ ]; 清空数组在 $("#Code").val([ ]); 之后但是在 Name 文本字段的每次更改之后，它都会使 nameArray 长度为 1 并且我没有得到我的结果。这是我的代码。

var nameArray = [];
var count;
var i;    

$(document).ready(function () {

    $("#Name").on('input', function () {                                                    

        $("#Code").val([]);


        var getName = $("#Name").val();                       

        nameArray.push(getName);                

        if (nameArray.length >= 3) {
            count = 3;
        }
        else if (nameArray.length <= 3) {
            count = nameArray.length;
        }

        for (i = 0; i <= count; i++) {
            $('#Code').val(nameArray[i]);
        }

    });   

});

如果文本字段发生更改，我只想清除 nameArray，以便它可以从文本字段中获取新更改的字符串并由此工作。

Answer 1

将代码设置为名称的前 4 个字符。

$(document).ready(function () {
    $("#Name").on('input', function () {
        $("#Code").val(this.value.substring(0, 4));
    });   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="Name" placeholder="Name">
<input type="text" id="Code" placeholder="Code">