/    Sign up×
Community /Pin to ProfileBookmark

dynamic color change

Copy linkTweet thisAlerts:
Aug 06.2005

I have one more problem. How do I dynamically update the style attribute of a div through a dropdown menu? Such as:

[code=html]<div style=”color: #000000;”>This is a Color</div>[/code]

I want them to be able to select like, red, from the dropdown, and the text ‘This is a Color’ will change to red instead of black. Any help?

Thanks!

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@artoAug 06.2005 — Try this:
[CODE]<div id="div" style="color: #000000;">This is a Color</div>

<select onchange="document.getElementById('div').style.color=this.options[this.selectedIndex].value;">
<option value="red">red
<option value="blue">blue
<option value="green">green
</select>[/CODE]
Arto
×

Success!

Help @scubadvr2 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...