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的{{1}}。每次都将新选择的值添加到数组中（如果它尚不存在）。

每次向数组中添加新项目时，请检查数组的<select>和选项选项的长度，如果它们相等，请更改边框样式。

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

1 个答案: