0

ページの選択したオブジェクトが複数(すべて)クリックされたときに、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;
}
4

1 に答える 1

0

onchangeの を処理してみてください<select>。毎回、新しく選択された値を配列に追加します (まだ存在しない場合)。

配列に新しいアイテムを追加するたびlengthに、配列と選択オプションの長さを確認し、それらが等しい場合は、境界線のスタイルを変更します。

于 2013-03-18T19:43:22.130 に答える