Bootstrap 3選擇更改不起作用的語言

我正在使用Languages for Bootstrap 3，但我無法弄清楚如何使用jQuery獲取所選語言，甚至跨度不允許使用href（我使用alert（）查看結果）。Bootstrap 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>

來源

2016-10-19 Ana Houa

您是否想要使用選擇列表？如果你只是想使用跨度，你必須有一個'onclick'函數。 –

但如何獲得點擊選擇？ –

您可以創建JavaScript來找出跨度已經被點擊了什麼，像這樣：

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>

來源

2016-10-19 14:13:39

謝謝，只是javascript是： –

alert（selected.getAttribute（'lang'））; –

Bootstrap 3選擇更改不起作用的語言

回答

相關問題