使用droppable div更改列表框值的颜色

Question

我必须使用droppable div更改列表框值的颜色。

<div>
<table><tr><td>Selected  First Names</tr><tr><td>
<select name="selectedfirstnames" id="listbox" size="11" multiple="multiple" >

    <option>--selected names--</option>

</select>
 </td></tr>
</table>
</div>

使用下面的javascript函数填充列表框值：

               function populatelistbox(selectedvalue){

            var select1 = $('#listbox');
            select1.append("<option name='selectedfirstnames' 
               value='"+fnamelist
               [selectedvalue]+"'>"+fnamelist[selectedvalue]+"</option>");

            } 

下面的div是可拖动的。                  红色                  绿色                  蓝色

当我将这些div拖放到列表框时，列表框值的颜色应该会改变。 任何人都可以帮助我实现这个目标吗？

http://jsfiddle.net/manjitwaikhom/3T4bA/