jquery dropdown checklist plugin question

Question

I am using the jQuery plugin found here http://dropdown-check-list.googlecode.com/svn/trunk/demo.html

Everything works great except when I need to populate the field on load for an edit page.

So let's say I am using this control on a profile page. On the profile, the user can select many User Types. So when they create a new account, they can select as many user types as they want, but when they come back to edit their profile, how do I set the initial box to have those user types they selected in it when the page loads?

Any suggestions?

Answer 1

According to the documentation, the items will be "checked" upon widget initialization if the corresponding <option> has the selected attribute. Something like:

<select id="UserTypes">
    <option value="val1" selected="selected">User Type 1</option>
</select>

You can apply the selected attribute via jQuery if you wish to avoid doing it at the server for some reason.