显示每行不可用的号码

时间:2019-04-28 23:45:41

标签: javascript html list multiline

我试图显示每行的编号,然后单击按钮将给定值添加到输入中。例如:

Anna
George
John
Doe

将成为

1,Anna
2,George
3,John
4,Doe

我尝试了以下代码,但似乎不起作用:

function addNumber() {
  var content = document.getElementById('myTextArea').value;
  var line = 1;
  var replaced = content.replace(/^/gm, function() {
  return '<span class="line-number-position">&#x200b;<span class="line-number">' + line++ + '</span></span>';
  })
}
<textarea id="myTextArea"></textarea>
<button onclick="addNumber()">CLICK ME</button>

1 个答案:

答案 0 :(得分:0)

尝试一下。

function addNumber() {
  var content = document.getElementById('myTextArea').value;
  var line = 1;
  var replaced = content.replace(/[0-9],/g, '').replace(/^/gm, function() {
  return line++ +',';
  })
  document.getElementById('myTextArea').value=replaced
}
<textarea id="myTextArea"></textarea>
<button onclick="addNumber()">CLICK ME</button>