2017-07-20 18 views
0

ここでは、入力フィールドにテキストを追加しようとしていますが、古い値が新しい値に置き換えられるたびに追加されます。JavaScriptの入力フィールドに値を追加します。

HTML

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

Javascriptを

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

ノーjqueryのしてください。

+0

を、それを追加することができます ' document.getElementById( 'taginput')。value + = i.innerHTML; ' – Satpal

+0

複数回更新を呼び出すと、すべてのhtmlを何度も何度も追加することになりますので、多くの重複があります。おそらくそれがあなたが望むものですが、もしそうでなければ、あなたの戦略を再考する必要があります。 –

答えて

2

あなたが最初の古い値を取得し、それに

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