在JS中追加字符串

Question

我对JS功能一点帮助：

在我附加的图像上有3个文本框和一个我想用JS的按钮 获取FirstName文本框中的第一个字母+ LastName文本框中的全文，当用户单击按钮时，它会将第一个字母+姓氏添加到Pic.thank中，直到帮助！

我在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;
}

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>

Answer 1

我认为大多数问题是你没有对你的字符串组合做任何事情。另一种可能性是你正在使用微软的功能，使用vanilla javascript或像jquery这样的框架。

请在此处查看示例：http://jsfiddle.net/XDeP5/

HTML

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

的Javascript

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;

Answer 2

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

HTML：

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>

使用Javascript：

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;
    }
});

工作演示：http://jsfiddle.net/jfriend00/kpp7C/