Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How can I include a html select in Confluence with jquery?


I would like to include a html select into a confluence page, and I would like to have different background color for each option. I do have the background color for each option, but when I select the option it does not keep the background color. Could someone please help?

Here is the html:

<script type="text/javascript">


var color = $("option:selected", this).attr("class");

$("#select").attr("class", color); });


<select id="select" class="">

<option class="yellow">Waiting for test</option>

<option class="green">Passed</option>

<option class="red">Failed</option>


Here is the css:


.green {  

    background-color: green;  


.yellow {  

    background-color: yellow;  


.red {  

    background-color: red;  



0 answers

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

Confluence Mythbusters: Does Atlassian even use Confluence?

Hi, Confluence collaborators! As part of #Confluence-Collaboratory month, we’ve created a very special Mythsbusters segment, where we're dive into an interesting myth and uncover the truth behind i...

1,457 views 7 29
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you