javascript - 继续将链接值附加到输入框

我想知道如何将链接值附加到输入框。但是我不知道如何将新的链接值附加到旧的链接值上，并用空格 [Fiddle]分隔。

<input id="a_input_id" type="text">
<a href="" class="special_field_link">@ABC<a>
<a href="" class="special_field_link">@DEF<a>

<script>
$(function(){
    $('.special_field_link').live('click', function()
 {

$('#a_input_id').val($(this).html() + '');

          return false;


 });
});

我应该使用类似的东西：

var cur_val = $('#a_input_id').val($(this).html() + '');
if(cur_val)
  $('#a_input_id').val(cur_val + "," + new_val);
else
  $('#a_input_id').val(new_val);

您的帮助将不胜感激。

最佳答案

你可以这样使用

 $('.special_field_link').click(function (e) {
    e.preventDefault();
    $('#a_input_id').val($('#a_input_id').val()+" "+$(this).html());
});

使用event.preventDefault（）来防止锚点的默认click事件。如果要保留这些值，则在每次单击中都需要获取当前输入值。在您的代码中，它用新值覆盖了旧值。

Fiddle