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

使用 getElementsByClassName 输出到多个 div？

Output to multiple divs using getElementsByClassName?

html

javascript

getelementsbyclassname