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

问题描述 投票:0回答:4

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

HTML

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

Javascript

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

请不要使用jquery。

javascript html dom
4个回答
8
投票

你必须先获取旧值,然后添加到它

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

或者您可以直接使用

+=
添加它

elem.value += i.innerHTML;

0
投票

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)
}


0
投票

const input = document.querySelector('input');
input.value += ' doe';
alert(input.value);
<input value="john" type="text">


-2
投票
<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 = "文本值";

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

谢谢

© www.soinside.com 2019 - 2024. All rights reserved.