Question

这里我试图将一些文本附加到输入字段，但每次旧值都被新值替换。

HTML

<input type="text" id="taginput" class="input" name="tags">

的Javascript

function update(i){
 document.getElementById('taginput').value = i.innerHTML;
  }

请不要jquery。

Answer 1

您必须先获取旧值，然后再添加

function update(i){
    var elem = document.getElementById('taginput');
    var old  = elem.value;
    elem.value = old + i.innerHTML;
}

或者您可以直接将其添加到+=

elem.value += i.innerHTML;

Answer 2

function update(i){
    let elem = document.getElementById('taginput');
    elem.value = elem.value + i.innerHtml; 
    // Or elem.value += i.innerHtml;
    // elem.value = elem.value.concat(i.innerHtml)
}

Answer 3

<html>
<head>
</head>
<body>
<input id="my_msg" type="text">
</body>
<script>
document.getElementById('my_msg').value = "text-value";
</script>
</html>

document.getElementById('my_msg').value = "text-value";

使用上述脚本将“文本值”附加到输入字段。

谢谢

在Javascript中将值附加到输入字段

3 个答案: