Javascript 无法在通过jquery选择选项时触发操作

我正在尝试在选择标记中选择特定选项时生成div。为此，我使用jquery。但我无法这样做。我的代码如下所示：

<script>
    $('#categoryenv1').change(function() {
        if ($(this).val() === 'Fashion')
            alert("bye");
        else
            alert("hi");
    });
</script>

And my select code is as below:

<select id="categoryenv1" class="categoryenv1">
    <option value="Electronices">Electronices</option >
    <option value="Fashion">Fashion</option>
</select>

$（'#categoryenv1'）。更改（函数（）{
if（$（this.val（）=='Fashion'）
警惕（“再见”）；
其他的
警报（“hi”）；
});
我的选择代码如下：
电子货币
时尚

我还包括了jquery文件，它对ready函数很有效

你能告诉我哪里错了吗？我是jquery的新手

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>   


<script>
     $(document).delegate("#categoryenv1","change",function(e){
            if ($(this).val() === 'Fashion')
                alert("Hi");
            else
                alert("Hussy");
        });
    </script>

$（文档）。委托（“#类别NV1”，“变更”，职能（e）{ if（$（this.val（）=='Fashion'） 警报（“Hi”）； 其他的 警觉（“侯赛因”）； }); 我的选择代码如下：

 <select id="categoryenv1" class="categoryenv1">
        <option value="Electronices">Electronices</option >
        <option value="Fashion">Fashion</option>
    </select>

电子货币
时尚

将jquery代码放在

$（document.ready（function（）{}）中

block..你需要一个我已经有了一个就绪功能，它可以很好地工作，但是我希望这个操作不在页面加载上选择一个选项，这就是为什么我写了另一个脚本OK感谢Adam&kartikeya现在工作得很好这将只在选项选择上工作不用担心..只需将它包含在就绪功能中即可。