Javascript Jquery:似乎无法获取选择标记更改

这是我的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>

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

---

你的第一个标签有一个输入错误

---

在JSFIDLE上解决这个问题并选择jquery作为导入选项似乎是可行的。

您的第一个标记中有一个输入错误

---

在JSFIDLE上解决这个问题并选择jquery作为导入选项似乎是可行的。

您的FIDLE中没有包含jquery。。这是。。试试看你的JS代码。。上面写了一个JavaScript jQuery 3.2.1。。在那里，你可以添加你想要添加的库，比如jquery..@shadowfeind做得很好。你没有把jquery包括在你的小提琴中。。这是。。试试看你的JS代码。。上面写了一个JavaScript jQuery 3.2.1。。在那里，您可以添加想要添加的库，比如jquery..@shadowfeind干得好。

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