Jquery 选择标签\带有融合表的复选框

Question

在开始之前，我想说的是，我的背景主要是图形设计，因此我的编码知识......有限！所以要温柔一点：D

这是我的情况：我正在使用 google 地图 api \ fusion table \ jquery mobile 为 android 构建一个phonegap应用程序。 我有一个复选框列表，可以触发融合表中的各种类型的标记，我已经通过 jquery 传递了复选框的状态。 这是从融合表中过滤元素的函数：

function toggleMarkers(layer2) { 
    var fusione = TABLE ID ;
    var arr_numero = [];
    var idx = 0;
    if (document.getElementById('toggleID').checked)   { 
        arr_numero[idx] = 1;
        idx++;
    }                                    
    lista_numero = arr_numero.join(',');
    if (lista_numero == "") {
        lista_numero = "'no_selection'";
    }
    layer2.setQuery("SELECT Location FROM "+ fusione +" WHERE numero IN (" + lista_numero + ")");
}

...这是复选框：

<input type="checkbox" id="MYID" onclick="toggleMarkers(layer2);" />

.. 以及“启用”复选框的 JQ：

$(document).ready( function(){ 
  $("#toggleID").change(function() {toggleMarkers(layer2);});
});

SO，;) 这个解决方案工作得很好，但我想切换到选择和选项标签，因此它使用操作系统的本机列表 UI！

像这样：

<select  size="1" id="listazza" multiple="multiple">

  <option onclick="toggleMarkers(layer2);" onselect="toggleMarkers(layer2);" value="2" id="toggleID">ID</option>  

</select>

我必须在 JQ 中使用什么样的代码来触发选项标记值？

希望这足够清楚，提前致谢。

Answer 1

假设我正确理解了您的问题，处理选择列表更改的代码应该与您的复选框示例完全相同，但是 Id 发生了变化：

$(document).ready( function(){ 
    $("#listazza").change(function() { toggleMarkers(layer2); });
});

您还可以删除丑陋的 HTML 中的 onclick 和 onselect 属性，就像修改上面的 jQuery 行一样，这也会为您处理这些：

$(document).ready( function(){ 
    $("#listazza").live("change click", function() { toggleMarkers(layer2); });
})

HTML

<select id="listazza" multiple="multiple" size="1">
    <option value="2">ID</option>
</select>