Javascript 将值从textarea连接到另一个位置

我有下面的文本区

<textarea class="form-control" id="projectname"></textarea>

我把它作为oninput属性添加到textarea中。但问题似乎是，每次输入后，它都会得到以下结果

 Team name - c -ch - chi - chin - china - china1 - china12 - china123

尽管我在h1标签中希望的输出是：

---

将原始前缀保存在h1的“数据前缀”属性中

---

您可以在-上拆分字符串，然后将它们合并在一起

 var input = k.split('-')[0];
  var x = input.concat(" -" + m);

希望这有助于：

函数myFunction{ var k=document.getElementById'team_title'.innerHTML； var m=document.getElementById'projectname'。值； var输入=k.split'-'[0]； var x=输入。concat-+m； getElementById'team_title'.innerHTML=x； }

---

Team name您必须调用onchange函数，这意味着每次键入函数时都会连接，您有两种选择： 1.制作一个按钮或事件，在整个输入之后连接。

---

2.保存h1值并与该值连接，保持数据不变-*属性

我不会为此使用concat。 变量m的值已转换为字符串。在Javascript中，您可以使用+行轻松添加这些字符串

function myFunction() {
 var k = document.getElementById('team_title').getAttribute( "data-prefix" ); //observe the change here
 var m = document.getElementById('projectname').value;
 var x = k + ' - ' + m;
 document.getElementById('team_title').innerHTML = x;
}

---

你可以使用jquery还是纯js？虽然我可以使用jquery，但我对此一无所知。如果有人帮助我使用js，我会更愿意。谢谢你的回答。不知道数据前缀。

Team name - china123

<h1 id="team_title" data-prefix="Team name "> Team name </h1>

function myFunction() {
    var k = document.getElementById('team_title').getAttribute( "data-prefix" ); //observe the change here
    var m = document.getElementById('projectname').value;
    var x = k.concat(" -" + m);
    document.getElementById('team_title').innerHTML = x;
}

 var input = k.split('-')[0];
  var x = input.concat(" -" + m);

function myFunction() {
 var k = document.getElementById('team_title').getAttribute( "data-prefix" ); //observe the change here
 var m = document.getElementById('projectname').value;
 var x = k + ' - ' + m;
 document.getElementById('team_title').innerHTML = x;
}