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

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

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

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

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

  1. <select id="projectKey" name="projectKey">
  2. <option value="AM">AM</option>
  3. <option value="AIL">AIL</option>
  4. <option value="NEB">NEB</option>
  5. <option value="SSP">SSP</option>
  6. </select>

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

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

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

解决方法

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

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

猜你在找的jQuery相关文章