Make items in listbox as invisible

Question

I have 2 listboxes(.net) with same list items. I am binding data to the listboxes at page load itself. If a user selects an item in one listbox that item should become invisible in the other. This should happen without actually removing items from them.

Answer 1

You cannot make options in a select invisible. All you can do is remove them (which you say you don't want to do)

You can see this by running this code:

<select multiple="multiple" size="4">
    <option value="1">1</option>
    <option value="2" style="display:none;">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

and noting that the option marked as display:none; is still visible.

Fiddle