Id =「root」.this.value

Question

我大致尋找類似的問題，但找不到解決方案。

我的問題是，我需要通過選擇選項菜單更改img和href。這不是一個問題，如果我不得不改變其中一個......但a href和src有不同的根，我不知道我怎麼能給他們的價值是相同的，但另外一個不同的根... 也許它更容易顯示代碼即可獲得我的問題......

<select onchange="document.getElementsById('stammimg').src = 'img/stamm/thumb/'.this.value;document.getElementsById('stammref').href = 'img/stamm/'.this.value;"> 

<option value="img1.png">Stammbaum 1</option> 
<option value="img2.png">Stammbaum 2</option> 
</select> 

<a id="stammref" href=""><img id="stammimg" src="" /> </a> ` 

嗯......那什麼，我必須得到儘快工作... 我刪除一個getElement之前刪除根this.value東西的作品，但這樣它不會做任何事情。這裏的任何好友都可以幫助我，並獲得我需要的東西？

在此先感謝

Answer 1

1. getElementsById→getElementById
2. 你需要使用+不.

3. 另外，不要使用內聯事件處理程序。這是更容易地創建一個單獨的函數

   <script> 
   var OnChange = function(obj) { 
       document.getElementById('stammimg').src ='img/stamm/thumb/'+obj.value; 
       document.getElementById('stammref').href = 'img/stamm/'+obj.value; 
   }; 
   </script> 
   
   <select onchange="OnChange(this)"> 
       <option value="img1.png">Stammbaum 1</option> 
       <option value="img2.png">Stammbaum 2</option> 
   </select> 
   
   <a id="stammref" href=""><img id="stammimg" src="" /> </a> 
   

Answer 2

您需要使用+來連接在JavaScript字符串，而不是.從PHP。

<select onchange="document.getElementsById('stammimg').src = 'img/stamm/thumb/' + this.value;document.getElementsById('stammref').href = 'img/stamm/' + this.value;"> 

這將是最好的了拆分此代碼到一個單獨的功能，以及：

添加到您的網頁：

<script> 
    function selectChanged() { 
     document.getElementsById('stammimg').src = 'img/stamm/thumb/' + this.value; 
     document.getElementsById('stammref').href = 'img/stamm/' + this.value; 
    } 
</script> 

和更新選擇標籤爲：

<select onchange="selectChanged">