Bootstrap弹出窗口填充输入

Question

我有一个默认class.popover和ID为#tags的输入的引导弹窗。在popover里面我有一个链接列表。我想点击一个链接，并从

这是我的代码，并填写的内容输入什么，我已经试过：

<div class="popover fade bottom in" role="tooltip" id="popover551732" style="top: 34px; left: 2px; display: block;"> 
    <div class="arrow"></div> 
    <h3 class="popover-title">5 most recent</h3> 
    <div class="popover-content"> 
     <ul class="popover-content"> 
      <li><a href="javascript:;" class="first">First matter</a> 
      </li> 
      <li><a href="#">Second matter</a> 
      </li> 
      <li><a href="#">Third matter</a> 
      </li> 
      <li><a href="#">Fourth matter</a> 
      </li> 
      <li><a href="#">Fifth matter</a> 
      </li> 
     </ul> 
    </div> 
</div> 


<input type="text" id="tags" .... 

我试了一下：

$(function(){ 
    $('.first').live('click', function() { 
     $("#tags").val($(this).html()); 
    }); 
}); 

Answer 1

试试这个

$(function(){ 
    $(".popover-content a").click(function(){ 
     var value = $(this).html(); 
     var input = $('#tags'); 
     input.val(value); 
    }); 
}); 

Fiddle