Question

26

How to pass a selected drop down value to a function that changes background color onclick

rated 0 times [ 31] [ 5] / answers: 1 / hits: 38079 / 11 Years ago, tue, april 23, 2013, 12:00:00

<script>    

myVar = document.getElementById('colorpick').value;



function color_click(myVar){

document.getElementById(touch).style.backgroundColor=myVar;

}

</script>

<select name=colorpick id=colorpick>

<option value=red>red</option>

<option value=blue>blue</option>

<option value=green>green</option>

</select>



<div id=touch onclick=color_click(myVar);> XXXXXXXXXXX </div>

This code works as expected when I substitute 'blue' for the value of myVar, however I want to choose which color via dropdown menu before I click the element to change it's background.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jaydenathaliam

Add To Favorites

Follow

Total Points: 676

Total Questions: 102

Total Answers: 103

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

answered 11 Years ago corie · Accepted Answer

Because you want to get the color via dropdown menu when you click the div, so you need to put

myVar = document.getElementById('colorpick').value;

in the color_click function.

You can try this:

function color_click(){

    var myVar = document.getElementById('colorpick').value;

    document.getElementById(touch).style.backgroundColor = myVar;

}

And in you div:

<div id=touch onclick=color_click();> XXXXXXXXXXX </div>

Hope it's helpful.