javascript - 尝试在选择元素发生更改时发出警报消息

标签 javascript jquery html

我正在使用 jQuery,但在更改我的选择下拉元素时发出警报消息时遇到一些问题:

html:

<!DOCTYPE html>

<html>

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="script.js"></script>       
    </head>

    <body>

        <div>
            <select id="fruits">
                <option selected>Choose a fruit</option>
                <option name="orange">Orange</option>
                <option name="mango">Mango</option>     
            </select>
        </div>

    </body>


</html>

我的js:

$('#fruits').on('change', function() {
    alert('Hello!');
});

当我在 Chrome 中运行此程序时,我的控制台中没有收到任何警告,并且更改选择选项不会执行任何操作。知道我做错了什么吗?

最佳答案

将代码放入准备好的文档中:

$(function () {
    $('#fruits').on('change', function() {
        alert('Hello!');
    });
});

jsFiddle Demo .

关于javascript - 尝试在选择元素发生更改时发出警报消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25697055/

相关文章:

javascript - 通过输入 URL 运行函数 - Javascript

javascript - 禁用除退格键之外的键盘输入

javascript - 如何在 div 中动态添加标签并在点击时访问它?

javascript - jQuery PJAX 插件不能在 HTML 网站上运行?

html - 为什么将 html 属性设置为 false 被视为意外标记?

html - 我如何呈现背景 url CSS :after modified in VueJS

php - "Mapping"指向字符的箭头

javascript - Github 从注销重定向到登录页面而不是主页

javascript - 如果动态插入html,如何获取div标签的高度?

javascript - XMLHttpRequest POST 表单数据到新选项卡