부트 스트랩 3 드롭 다운 메뉴

Question

안녕하세요, 모두 샘플 드롭 다운 메뉴가 있습니다 코드를 확인하십시오.

<form> 
        <div class="carousel-search hidden-phone"> 
       <div class="btn-group"> 
     <a class="btn dropdown-toggle btn-select" data-toggle="dropdown" href="#">Select a Country <span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
       <li><i class="flag flag-us"></i><a class="flagLi" href="#">د . أمريكي</a></li> 
       <li><i class="flag flag-ae"></i><a class="flagLi" href="#">د . اماراتي</a></li> 
       <li><i class="flag flag-eg"></i><a class="flagLi" href="#">ج . مصري</a></li> 

        </ul> 
        </div> 
       </div> 
       </form> 

JAVA :

$(".dropdown-menu li a").click(function(){ 
    var selText = $(this).text(); 
    $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>'); 
}); 

bootply 링크 : Here

Answer 1

내가 처음 li 가지 플래그 아이콘

HTML을 기본 옵션 (국가 선택)을 제거하고 교체하는 데 필요한 모든

"i"요소에 플래그가 들어 있다고 생각합니다. $ (". dropdown-menu li")에는 $ (". dropdown-menu li a")가 아닌 이 모두 필요합니다.

은 그래서 당신은 (". 드롭 다운 메뉴 리튬을") 즉 $ 코딩 교체해야합니다. (함수()을 클릭 ...

또한

, $ 전화 (이) .html 중에서()가 아니라 텍스트

이상

내 코드를 여기에서 확인하십시오. http://www.bootply.com/H8aJxXHkhn