Select value on initial load with AUI single select

I'm trying to use the AUI single select component in an edit view; I'd like to select a value in the list on page load but can't figure out how to make it happen the right way.  

I've tried setting the 'value' property via javascript as described in the documentation, e.g. 

// Nothing is set by the following.  If I give the options a value and try to 
// set that, the same thing happens.
document.getElementById('login').value = 'Dropbox';
// Results in undefined

It looks like I can set "selected='true'" on an option (not documented in the link above) which mostly works, but the associated image is not displayed in the selected value (see jsbin example.)

Is there some other way I should be going about this?  Thanks.

1 answer

1 accepted

Adding the "selected" attribute to one of the <aui-option> elements is the right way to do this. Looks like there's a bug with it not rendering the icon though. I've raised to track this.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Posted 12 hours ago in Jira

We want to know what Jira Service Desk apps you're using!

Hi Community! My name is Amir and I’m on the Jira Service Desk product marketing team at Atlassian. Our team would love to understand how you’re leveraging our ecosystem for Jira Service Desk. Wha...

36 views 0 5
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you