ドロップダウンブートストラップから選択されたオプション

Question

私はRAILSでブートストラップを使用します。私の目標は、することです：

$(function(){ 
    $(".dropdown-menu li a").click(function(){ 
     $("#chosen").text($(this).text());  
    }); 
}); 

とHTML：：JavaScriptがのように見える<p>、<div>または<span>

にリスト

表示選択項目をドロップダウン "ブートストラップ"

1. ビルド

   <div class="container">   
       <h2>Choose</h2> 
       <div class="dropdown"> 
       <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">szablony 
       <span class="caret"></span></button> 
       <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> 
        <% @books.each do |book| %> 
         <li role="presentation"> 
          <a role="menuitem" tabindex="-1" href="#"> 
           <%= book.name %> 
          </a> 
         </li> 
        <% end %>    
       </ul> 
       </div>  
       <p id="chosen"></p>  
   </div> 
   

   問題は、オプションを選択した後、<p id="chosen">の選択されたテキストが1秒間だけ表示されることです。

Answer 1

はあなたのhtmlのためにこれを試してみてください：

<div class="container">   
    <h2>Choose</h2> 
    <div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">szablony 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> 
     <% @books.each do |book| %> 
      <li role="presentation"> 
       <a role="menuitem" tabindex="-1" href="javascript:void();"> 
        <%= book.name %> 
       </a> 
      </li> 
     <% end %>    
    </ul> 
    </div>  
    <p id="chosen"></p>  
</div>