Javascript 如何将多个输入字段的值自动复制并组合到一个字段中？

我想在单击fullname字段时，将lname、fname和MNName的值自动复制并组合为fullname

以下是HTML：

<input type="text" class="form-control" id="lname">
<input type="text" class="form-control" id="fname">
<input type="text" class="form-control" id="mname">
<input type="text" class="form-control" id="fullname" onclick="namefunc()">

Javascript:

<script type="text/javascript">
    $(document).ready(function () {
        function namefunc() {
            var n1 = $('#fname');
            var n2 = $('#mname');
            var n3 = $('#lname');
            var fn = $('#fullname');
            fn.val(n1.val() + " " + n2.val() + " " + n3.val());
        }
    });
</script>

---

它不起作用。请帮忙

正如@Nicolay在评论中所说，我的函数不需要在doc ready处理程序中，它可以直接进入脚本标记中。我试过这个：

<script type="text/javascript">
  function namefunc() {
    var n1 = $('#fname');
    var n2 = $('#mname');
    var n3 = $('#lname');
    var fn = $('#fullname');
    fn.val(n1.val() + " " + n2.val() + " " + n3.val());
  };
</script>

---

成功了！：

您的函数不需要位于docready处理程序中，它可以直接进入脚本标记内部。否则，您的代码应该可以工作。您看到控制台中记录的错误了吗？@Nicolay谢谢！成功了。