使用 JQuery 在按钮单击 [关闭] 时使用名字和姓氏填充输入字段

Question

我正在尝试找出一种方法来在按钮单击时使用名字、姓氏和@whateveremail.com（例如：john.smith@gmail.com 的名字和姓氏由 . 分隔）填充输入字段?任何帮助将不胜感激。谢谢！

Answer 1

有很多方法可以做到这一点，我会运行一个脚本，从名字、姓氏和电子邮件的输入字段中获取文本。然后，将它们存储到变量中，然后将它们连接起来，例如：

var FirstName = $('FirstName').val();
var LastName = $('LastName').val();
var Email = $('Email').val();

var ConcatFields = FirstName + "." + LastName + "@" + Email;

然后您将编写一些代码将其填充到您想要的字段中，并且您可以在单击该控件的按钮时调用此代码。

我想这就是您的意思，但您的问题相当模糊，如果您想要更详细的答案，请改写它。

Answer 2

根据使用的方法有不同的方法，

您可以使用获取或设置输入框的值：

    $( "cssSelector" ).val();//get
    $( "cssSelector" ).val('new value');//set

见jquery val

要触发诸如“点击”之类的事件，您可以：

 $( "#target" ).click(function() {
    alert();
});

或：

    $( "#target" )on('click',function() {
      alert();
    });

例如：

 $('#clickBtn').on('click',function(){
       $('#result').val( $('#userFname').val()+"."+ $('#userLname').val()+"@"+ $('#userEmail').val());
   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <label for="userFname">First Name :</label>  <input id="userFname" />
    <label for="userLname">Last Name :</label>  <input id="userLname" />
    <label for="userEmail">Email:</label>  <input id="userEmail" />
<button id="clickBtn" >Generate</button>
    <br> <br>
    <label for="result">Email:</label>  <input id="result" />