So I needed a way to have two html select lists. One to show “Available” options and one to show “Selected” options. But the selected options needed to have a checkbox to allow the user to make a “read-only” selected option or a “full access” selected option. Got it? Good.

So working in jsfiddle, I was able to finally create this using jQuery. Thought I would share the results so that it could help someone else.

[iajsfiddle fiddle=”gpdTk” height=”500px” width=”100%” show=”js,resources,html,css,result” skin=”default”]