javascript - 使用类名更改 div 的边框颜色（ie7）

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

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

每次向数组添加新项目时，检查length数组的长度和选择选项的长度，如果相等，则更改边框样式。