Changing the DIV and SELECT background colors at the same time

Asked Jul 16 '13 at 19:22

Active Jul 16 '13 at 19:30

Viewed 75 times

I need your help,

How can I, using the existing code below, also change the background of the surrounding DIV color to #FFFFC4? and then back to #FFFFFF?

Here's the HTML:

<div class="select_wrapper"><select id="action"></select></div>

Code:

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 = '#FFFFC4'
            }
    }//end for

asked Jul 16 '13 at 19:22

John Smith

1,639
11
36
51

4

this.parentNode.style.backgroundColor = '#ffffc4' – Keith Lantz Jul 16 '13 at 19:24
simple method and flawless work :) Thanks so much Keith :) – John Smith Jul 16 '13 at 19:26
Check out this http://stackoverflow.com/questions/5068087/set-background-colour-of-select-to-selected-option-in-jquery/5068411#5068411 – demux Jul 16 '13 at 19:35
@KeithLantz That should be posted as an answer. – James Montagne Jul 16 '13 at 20:12

Changing the DIV and SELECT background colors at the same time

0 Answers0