使用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;
        }
    }