2016-10-19 8 views
0

저는 Languages for Bootstrap 3을 사용하고 있습니다. 그러나 jQuery 또는 스팬을 사용하여 선택한 언어를 얻는 방법을 href (나는 alert()를 사용하여 결과를 보았습니다.).부트 스트랩 3 언어 선택이 작동하지 않습니다

언어 선택기는 다음과 같다 :

<div class="btn-group dropdown pull-right"> 
 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" > 
 
    <span class="lang-sm lang-lbl-full" lang="en"></span> <span class="caret"></span> 
 
    </button> 
 
    <ul class="dropdown-menu" role="menu" > 
 
    <li><span class="lang-sm lang-lbl-full" lang="ar" value="ar"></span></li> 
 
    <li><span class="lang-sm lang-lbl-full" lang="en" value="en"></span></li> 
 
    <li><span class="lang-sm lang-lbl-full" lang="fr" value="fr"></span></li> 
 
    </ul> 
 
</div>

+0

선택 목록을 사용하셨습니까? 단지 스팬을 사용하려면'onclick' 함수가 있어야합니다. –

+0

클릭 한 선택 사항을 얻는 방법은 무엇입니까? –

답변

0
당신은 스팬과 같이 클릭 된 내용을 알아 내기 위해 자바 스크립트를 만들 수 있습니다

:

function ChangeLanguage(selected) { 
    alert(selected.value()); // Do whatever you want in here. 
} 

및과 같이 활성화 :

<div class="btn-group dropdown pull-right"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" > 
    <span class="lang-sm lang-lbl-full" lang="en"></span> <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu" > 
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="ar" value="ar"></span></li> 
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="en" value="en"></span></li> 
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="fr" value="fr"></span></li> 
    </ul> 
</div> 
+0

감사합니다, 그냥 자바 스크립트입니다 : –

+1

alert (selected.getAttribute ('lang')); –

관련 문제