Javascript 附加到JQuery中的值

所以，我的困境是：我试图在JQuery中附加一个值。因此，我有一个

输入

，我想要的是附加到一些文本后面（在本例中是破折号）。我尝试了

.append（“-”）append.val（）

这样的创意，但我很快意识到你做不到。在下面的代码中，在名称

input

中键入三个字符，然后它将启动混乱。这是我的密码：

$（函数（）{
$（“#editorTextInfoName”）.keyup（函数（）{
var infoNameTextValue=$（“#editorTextInfoName”）.val（）；
$（“#全名”）.text（infoNameTextValue）；
});
setInterval（函数（）{
var infoNameTextValue=$（“#editorTextInfoName”）.val（）；
var editorTextInfoBoxLength=infoNameTextValue.length；
如果（editorTextInfoBoxLength==3）{
$（“#全名”）。追加（“-”；
$（“#editorTextInfoName”）。在（“-”）之后；
}
}, 1);
});
表格{
显示：内联块；
}
#形象{
宽度：125px；
高度：125px；
边界半径：50%；
边缘顶部：-45px；
}
.垫片{
宽度：15px；
}
人力资源{
高度：200px；
宽度：7.5px；
边界半径：20px；
边界：无；
背景颜色：矢车菊蓝；
}
#全名{
字体系列：“源Sans-Pro”，无衬线；
字体大小：24px；
颜色：橙色；
利润上限：-40px；
}
#工作{
字体系列：“源Sans-Pro”，无衬线；
字号：18px；
利润上限：-10px；
}
#jobLocationText{
字体系列：“源Sans-Pro”，无衬线；
字体大小：16px；
利润上限：-10px；
}
.其他文本{
颜色：海绿；
}
#emailAddress、#电话号码、#办公电话号码、#地址、#网站{
字号：17px；
}
#额外1、#额外2、#额外3、#额外4、#额外5、#额外6{
空白：预包装；
}
#签名编辑文本{
字体系列：“源Sans-Pro”，无衬线；
字体大小：24px；
边缘底部：40px；
}
.editorTextInfo{
颜色：灰色；
字体系列：“Lato”，无衬线；
字号：18px；
边缘底部：7px；
}
.editorTextBox{
字体系列：“源Sans-Pro”，无衬线；
字体大小：16px；
高度：20px；
宽度：160px；
边框：2px实心暗光；
边界半径：6px；
}
.editorTextBox：焦点{
大纲：0；
}
#dash1、#dash2、#dash3、#dash4{
字体系列：“源Sans-Pro”，无衬线；
字体大小：24px；
}
#dash1{
左边距：-137px；
页边顶部：-5px；
}
#dash2{
左边距：-104px；
页边顶部：-5px；
}
#dash3{
左边距：-87px；
页边顶部：-5px；
}
#dash4{
左边距：-54px；
页边顶部：-5px；
}
#EditorExtInfoPhone1{
左边距：-100px；
}
#EditorExtInfoPhone2{
左边距：-131px；
}
#EditorExtInfoPhone3{
左边距：-98px；
}
#EditorExtInfoOfficePhone1{
左边距：-50px；
}
#EditorExtInfoOfficePhone2{
左边距：-81px；
}
#EditorExtInfoOfficePhone3{
左边距：-48px；
}
.EditorExtBoxPhone、.EditorExtBoxOfficePhone{
字体系列：“源Sans-Pro”，无衬线；
字体大小：16px；
高度：20px；
宽度：24px；
边框：2px实心暗光；
边界半径：6px；
}
.EditorExtBoxPhoneOther、.EditorExtBoxOfficePhoneOther{
字体系列：“源Sans-Pro”，无衬线；
字体大小：16px；
高度：20px；
宽度：32px；
边框：2px实心暗光；
边界半径：6px；
}
.EditorExtBoxPhone:focus、.EditorExtBoxPhone其他：focus、.EditorExtBoxOfficePhone:focus、.EditorExtBoxOfficePhone其他：focus{
大纲：0；
}

HTML中心

比利斯台普斯
程序员
在我的公司
电邮：email@domain.com
电话：111-222-3333
办公室电话：444-555-6666
地址：费城大道1379号
网站：example.com

签名编辑器
名称
您需要在
键控
功能中使用此选项，而不是
设置间隔


$（函数（）{
$（“#editorTextInfoName”）.keyup（函数（）{
var infoNameTextValue=$（“#editorTextInfoName”）.val（）；
$（“#全名”）.text（infoNameTextValue）；
var full_string=$（“#editorTextInfoName”）.val（）.split（“-”）.join（“”）；
如果（完整字符串长度>0）{
full_string=full_string.match（新的RegExp（'.{1,3}'，g'））.join（“-”）；
}
$（this）.val（完整字符串）；
});
});
表格{
显示：内联块；
}
#形象{
宽度：125px；
高度：125px；
边界半径：50%；
边缘顶部：-45px；
}
.垫片{
宽度：15px；
}
人力资源{
高度：200px；
宽度：7.5px；
边界半径：20px；
边界：无；
背景颜色：矢车菊蓝；
}
#全名{
字体系列：“源Sans-Pro”，无衬线；
字体大小：24px；
颜色：
$("#editorTextInfoName").val($("#editorTextInfoName").val() + "-");

 $(function() {
      $("#editorTextInfoName").keyup(function() {
        var infoNameTextValue = $("#editorTextInfoName").val();
        $("#fullName").text(infoNameTextValue);
        var infoNameTextValue = $("#editorTextInfoName").val();
        var editorTextInfoBoxLength = infoNameTextValue.length;
        if (editorTextInfoBoxLength == 3) {
          $("#fullName").append("-");
          $("#editorTextInfoName").after("-");
        }
      });

});

$(function() {

  // Save editor and fullName in variable
  var $editorTextInfoname = $("#editorTextInfoName");
  var $fullName = $("#fullName");

  $editorTextInfoname.keyup(function() {

    // Get editor text
    var editorText = $editorTextInfoname.val();

    $fullName.text( editorText );

    if (editorText.length == 3){
      $editorTextInfoname.focus().val( editorText + '-' );
    }

    // Sync full name with editor text
    $fullName.text( $editorTextInfoname.val() );
  });

});