javascript – 下拉列表中的jQuery更改事件

前端之家收集整理的这篇文章主要介绍了javascript – 下拉列表中的jQuery更改事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚将查询添加到我的Web应用程序并使用简单警报进行测试:
<script src="<c:url value="/resources/jquery-1.10.2.min.js" />"></script>
<script type="text/javascript">
            $(function(){
                alert('jquery is working');
            }); 
</script>

并且工作正常.但是当我想在我的下拉列表中实现“更改”事件时

<script src="<c:url value="/resources/jquery-1.10.2.min.js" />"></script>
<script type="text/javascript">
        $("#projectKey").change(function() {
            alert($('option:selected',$(this)).text());
        });
</script>

它没有显示任何警报,基本上没有任何事情发生.我的下拉是以下内容

<select id="projectKey" name="projectKey">
    <option value="AM">AM</option>
    <option value="AIL">AIL</option>
    <option value="NEB">NEB</option>
    <option value="SSP">SSP</option>
</select>

当然我试图简化javascript,只是有

$("#projectKey").change(function() {
            alert("test");
});

但仍然没有快乐.这将是选择器或下拉菜单.也试过“select#projectKey”但结果当然是一样的.知道我做错了什么吗?

解决方法

你应该保持DOM就绪功能
$(function() {
    $("#projectKey").change(function() {
        alert( $('option:selected',this).text() );
    });
});

如果你在DOM中的元素之前添加了javascript,你就必须使用DOM ready函数或者在元素之后添加javascript,通常的地方就在< / body>之前.标签

原文链接:https://www.f2er.com/jquery/155948.html

猜你在找的jQuery相关文章