从选择菜单而不是无序列表中提取数据属性

Question

好的，我有这个自定义谷歌地图，从类别链接（在右侧蓝色区域）加载感兴趣的poins

http://livek2la.com/dev/neighborhood.html 我正在尝试将此无序列表转换为选项选择菜单。

这是将数据加载到项目列表（灰色区域）

的类别链接示例

    <li><a href="javascript:void(0)" data-load="0" id="g0">Restaurants</a></li> 

我找不到将这些链接转换为选择框的方法 这就是我正在测试的内容：

<select id="mixed" class="categorias">
<option data-id="0" data-load="g0">Restaurants</option>
<option data-id="1" data-load="g1">Spas</option>
<option data-id="2" data-load="g2">Entertainment</option>
</select>

<script>
$('#mixed').change(function() {$(this).find('option:selected').data('id').data('load');                         
});
</script>  

http://livek2la.com/dev/neighborhood-test.html

任何建议或指示都将不胜感激。 毛