javascript - 使用 JavaScript 拆分和连接四个文本字段的名称

Question

我有四行。每行都有名字和姓氏。我需要连接名字和姓氏。连接后它应该出现在标签中。

<input type='text'  id='fnamer1'  style='width:185px;height:20px;text-align:right;font-size:11px;background:white' onblur='Change(this, event);concatName()' onfocus='Change(this, event)'></td>";

<input type='text' id='lnamer1' style='width:185px;height:20px;text-align:right;font-size:11px;background:white' onblur='Change(this, event);concatName()' onfocus='Change(this, event)'></td>";

function concatName()
{  
        document.getElementById('disName').innerHTML="";
        var fname = document.getElementById("fnamer0").value;
        var lname = document.getElementById("lnamer0").value;
        var splitfname = fname.substring(0,1);
        var splitlname = lname.substring(0,4);
        var joinStr = splitlname+splitfname;
        document.getElementById('disName').innerHTML=joinStr.toUpperCase();
}

这是第一行，但我怎样才能为四行做到这一点？

Answer 1

使用索引变量告诉 concatName 您要使用哪个项目：

function concatName(index)
{  
        document.getElementById('disName').innerHTML="";
        // this might be: document.getElementById('disName' + index).innerHTML="";
        var fname = document.getElementById("fnamer" + index).value;
        var lname = document.getElementById("lnamer" + index).value;
        var splitfname = fname.substring(0,1);
        var splitlname = lname.substring(0,4);
        var joinStr = splitlname+splitfname;
        document.getElementById('disName').innerHTML=joinStr.toUpperCase();
        // this might be: document.getElementById('disName' + index).innerHTML=joinStr.toUpperCase();
}

然后：

concatName(0);
concatName(1);
concatName(2);
concatName(3);

或者：

for(var i = 0; i < 4; i++) {
 concatName(i); 
}