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

Question

我试图在选择标签中选择特定选项时生成一个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>

我还包含了 jquery 文件，该文件也适用于就绪功能

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

Answer 1

<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>

我选择的代码如下:

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