使用getElementsByClassName輸出到多個div？

Question

我想用JavaScript輸出到多個元素。以下示例可能會顯示我想要的內容。

<select id="leave" onchange="leaveChange()"> 
    <option value="">Select</option> 
    <option value="150">EMS</option> 
    <option value="350">DHL</option> 
    <option value="200">UPS</option> 
    <option value="75">Ethiopia Postal</option> 
</select> 
<script> 
function leaveChange() { 
    if (document.getElementById("leave").value == document.getElementById("leave").value){ 
     document.getElementsByClassName("item_shipping")[0].innerHTML = document.getElementById("leave").value; 
    }  
    else{ 
     document.getElementById("item_shipping").innerHTML = 0; 
    }   
} 

</script> 
<div class="item_shipping"></div> //this is getting value 
<div class="item_shipping"></div> //this i empty i want the same value? 

第一div顯示結果，但第二個是空的。我如何更新兩者？

Answer 1

function leaveChange() { 
     var leaveValue = document.getElementById("leave").value; 
     var shippingItems = document.getElementsByClassName("item_shipping"); 

     for (var i = 0; i < shippingItems.length; i++) { 
      if (leaveValue == leaveValue) // ?? 
       shippingItems[i].innerHTML = leaveValue; 
      else 
       shippingItems[i].innerHTML = 0; 
     } 
    }