動態改變圖像和文本Javascript

Question

目前我有一個翻譯腳本內置到我的網站。

我的問題是激活它，並將圖像和文本更改爲所選語言。

這是我當前的代碼：

<div class="btn-group"> 
    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"> 
    <img src="images/flag/United-Kingdom.png" alt=""> English <span class="fa fa-bars"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="#"><img src="images/flag/Germany.png" alt=""> Deutsch</a></li> 
     <li><a href="#"><img src="images/flag/France.png" alt=""> Français</a></li> 
     <li><a href="#"><img src="images/flag/Spain.png" alt=""> Español</a></li> 
     <li><a href="#"><img src="images/flag/Nederlands.png" alt=""> Nederlands</a></li> 
    </ul> 
</div> 

我如何得到它來改變當前的語言選擇圖像到一個他們選擇？

如果您需要更多信息，我將很樂意爲您提供。

Answer 1

就拿點擊物品的圖像源以及文本並將其替換按鈕的內容就

$('.dropdown-menu a').click(function(){ 
    $('.dropdown-toggle').html($(this).html() + '<span class="fa fa-bars"></span>');  
}); 

jsFiddle Demo

---

或者沒有jQuery的

HTML

<a href="#" onclick="changeDefault(this)"><img src="images/flag/Germany.png" alt="" > Deutsch</a> 

個JS

function changeDefault(item) {  
    var button = document.getElementsByClassName('dropdown-toggle')[0] 
    button.innerHTML = item.innerHTML + '<span class="fa fa-bars"></span>'; 
} 

jsFiddle Demo