上點擊添加只有1個標籤inputfield（多個標籤可用） - jQuery的

Question

我使用這個jQuery代碼：通過單擊鏈接

$('a').click(function(){ 
    $('#text_tag_input').val($('#text_tag_input').val()+$(this).html()+', '); 
}); 

添加標籤到inputfield：

<input id="text_tag_input" type="text" name="tags" /> 

<div class="tags_select"> 
    <a href="#">tag1</a> 
    <a href="#">tag2</a> 
    <a href="#">tag3</a> 
</div> 

查看演示JSFIDDLE

但是現在我只想添加1個標籤。

示例： 當我點擊tag1時，它必須在inputfield中顯示。 當我現在在tag2上單擊時，輸入字段應清除tag1並將tag2插入到輸入字段。 所以我可以選擇3個（或更多）只有1個標籤

是可能的嗎？

Answer 1

喜歡這個？你只需要改變你的代碼。而已。

$('a').click(function(){ 
    $('#text_tag_input').val($(this).html()); // or $('#text_tag_input').val(this.innerHTML); 
}); 

Fiddle

Answer 2

它實際上更簡單做比你現在在做什麼：

$('a').click(function(){ 
    $('#text_tag_input').val($(this).html()); 
}); 

這將在框中替換而不是增加它的價值。