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

Question

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

这是我的情况:我正在使用google地图api \ fusion tables \ 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);});
});

所以，;)这个解决方案运行得很好，但我想切换到选择和选项标签，这样它就可以使用操作系统的本机列表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); });
});

你也可以从你的超文本标记语言中删除丑陋的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>