Jquery：似乎无法获得选择标签更改

Question

这是我的html：

<select class="span12 chzn-select" name="periods" id="periods" data-placeholder="--Please Select--" tabindex="1" style="width: 300px;">
  <opion value="-1">Please Select</option>  
  <option value="1">test option</option>
  <option value="2">test option 2</option>
</select>

这是我的 js：

$('#periods').change(function() {
  alert( 'testing' );
});

我不知道为什么从选择标签中选择一个选项时，没有弹出警告消息。这是jsfiddle.net：

https://jsfiddle.net/b91cp5Lv/

Answer 1

您的第一个 <option> 标记中有错字

在 jsfiddle 上修复此问题并选择 jquery 作为导入选项似乎可行。