Javascript 在JS中追加字符串

我需要一些关于JS函数的帮助：

在我附加的图片上有3个文本框和一个我想要的JS按钮 要获取名字文本框中的第一个字母+姓氏文本框中的全文，当用户单击按钮时，将出现第一个字母+姓氏，如图所示。感谢帮助

我的JS代码：

function UserNameCreation_Click(sender, args) {
    var l_FirstName = $find("<%=txtFirstName.ClientID %>");
    var l_FirstNametxt = l_FirstName.get_value();

    var l_LastName = $find("<%=txtLastName.ClientID %>");
    var l_LastNametxt = l_LastName.get_value();

    var l_UserName = $find("<%=txtUserName.ClientID %>");
    var l_UserNametxt = l_UserName.get_value();

    l_UserNametxt = l_FirstNametxt.substring(0, 1) + l_LastNametxt;
}

函数用户名创建\u单击（发送方，参数）{
var l_FirstName=$find（“”）；
var l_FirstName txt=l_FirstName.get_value（）；
var l_LastName=$find（“”）；
var l_LastName txt=l_LastName.get_value（）；
var l_UserName=$find（“”）；
var l_usernametx=l_UserName.get_value（）；
l_usernametx=l_firstnametx.substring（0，1）+l_lastnametx；
}

asp代码：

   <asp:TextBox ID="txtFirstName" Width="200px"  MaxLength="50" runat="server"></asp:TextBox>
<telerik:RadButton ID="btnCreateUserName" runat="server" ClientIDMode="Static" AutoPostBack="false" Height="22px" Width="20px" OnClientClicked="UserNameCreation_Click" >
                                    <Icon PrimaryIconCssClass="rbEdit" PrimaryIconLeft="4" PrimaryIconTop="4" />
                                 </telerik:RadButton>
<asp:TextBox ID="txtLastName" Width="200px"  MaxLength="50" runat="server"></asp:TextBox>
  <asp:TextBox ID="txtUserName" Width="200px" MaxLength="25" runat="server"></asp:TextBox>

---

我认为大部分问题在于，您没有对字符串组合的结果进行任何处理。另一种可能是您正在使用microsoft的函数，使用普通javascript或类似jquery的框架

请参见此处的示例：

HTML

---

假设一个特定的HTML具有已知的ID（您可以在自己的ID中替换），并且您希望用户名的第一个字母大写，第二个字母不大写（如您的示例中所示），下面是代码：

HTML:

---

工作演示：

请提供完整的代码或JSFIDLE，这将有助于更好地解决问题。问题是什么？函数的最后一行似乎在执行您所问的字符串连接，我尝试在JS中创建一个类似pic的函数：从名字文本框中提取第一个字母+姓氏文本框中写入的内容，并通过客户端将其附加到用户名文本框中单击按钮，我如何才能做到这一点？请帮帮我…有人能帮我看看我的代码我在做什么吗？？函数UserNameCreation\u Click（sender，args）{var l_FirstName=$find（“”）；var l_firstnametx=l_FirstName.get_value（）；var l_LastName=$find（“”）；var l_LastName=l_LastName.get_value（）；var l_UserName=$find（“”）；var l_usernametx=l_UserName.get_value（）；l_usernametx=l_firstnametx.substring（0，1）+l_lastnametx；l_UserName.set_value（l_usernametx）；}

<input type="text" id="txt1" />
<input type="text" id="txt2" />
<input type="button" id="btn" value="fill" />
<input type="text" id="txt3" />

function fill() {
    var fName = document.getElementById('txt1').value;
    var lName = document.getElementById('txt2').value;
    var other = fName.substring(0,1) + lName;
    document.getElementById('txt3').value = other;
}
document.getElementById('btn').onclick = fill;

First Name: <input id="firstName"><br>
Last Name: <input id="lastName"></br>
User Name: <input id="userName"><br>
<button id="makeUserName">Make User Name</button>

document.getElementById("makeUserName").addEventListener("click", function() {
    var firstName, lastName, userName;
    firstName = document.getElementById("firstName").value;
    lastName = document.getElementById("lastName").value;
    // make sure neither first or last name is empty
    if (firstName && lastName) {
        userName = firstName.charAt(0).toUpperCase() + lastName.charAt(0).toLowerCase() + lastName.slice(1);
        document.getElementById("userName").value = userName;
    }
});