用类名（即ie7）更改div的边框颜色

Question

当单击页面上的多个（全部）选择对象时，如何使用JavaScript更改div的边框颜色？ 边框颜色应为纯红色（出于测试目的）。

var y = document.getElementsByTagName('SELECT');
for (var i = 0; i < y.length; i++) {
    y[i].onblur = function() { this.style.backgroundColor = '#FFFFFF'; };
    y[i].onfocusin = function() { this.style.backgroundColor = '#E5ECF9'; }
}

的HTML：

<div class="select-container">
    <select id="request">
        <option value="" >Please Select...</option>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
    </select>
</div>

CSS：

.select-container {
    position:relative;
    width:179px;
    height:20px;
    overflow:hidden;
    border-top: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 0;
}
.select-container select {
    position:relative;
    left:-2px;
    top:-2px;
    width: 181px;
}

Answer 1

尝试处理<select>的onchange 。 并每次将新选择的值添加到数组（如果尚不存在）。

每次新的项目添加到阵列时，检查length数组和选择选项的长度，如果他们是平等的，改变边框样式。