为什么我的HTML输入选择更改事件处理程序没有触发？

Question

我有一些选择：

<select>
  <option id="Alabama">Alabama</option>
  <option id="Alaska">Alaska</option>
  <option id="Arizona">Arizona</option>
  <option id="Arkansas">Arkansas</option>
  <option id="California">California</option>
    . . .
</select>
<div id="map"></div>

...和gomap（谷歌地图的jQuery插件）代码在选择时触发：

$('#Alabama').change(function() {
      $("#map").removeData();
      $("#map").goMap({ 
            latitude: 32.806673, 
            longitude: -86.791133, 
            zoom: 7 
      }); 
});

...但是选择这些项目什么都不做 - 变更处理程序不会触发。为什么不呢？

Answer 1

我认为问题在于您正在调用该选项的ID。

尝试给出一个id。选项也应该是值而不是id。

http://jsfiddle.net/MV2dn/

$('#selectDD').on("change",function() {
      $("#map").removeData();
      /*$("#map").goMap({ 
            latitude: 32.806673, 
            longitude: -86.791133, 
            zoom: 7 
      }); */
    alert($(this).val());
});