2015-12-02 74 views
0
<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<html> 
<head> 
<title>Home</title> 
<script type="text/javascript" 
    src="${request.getContextPath()}/web/easyui/jquery.min.js"></script> 
<script type="text/javascript"> 
     $(function(){ 
      $("#course").change(function(){ 
       alert(1); 

      }); 
     }); 
    </script> 
</head> 
<body> 
    <select id="course"> 
     <option value="1">option a</option> 
     <option value="2">option b</option> 
    </select> 
</body> 
</html> 

我選擇「選項a」,然後選擇「選項b」,但代碼「alert(1)」不運行。爲什麼? 爲什麼change事件沒有用?jquery select tag change enevt no use

+1

您是否收到任何錯誤在瀏覽器控制檯? – Satpal

+0

請確保jQuery的路徑是正確的。? –

+0

你的代碼工作就像魅力只是檢查jqury路徑 –

回答

0

你可以試試:

$('#course').on('change', function() { 
 
    alert(1); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="course"> 
 
    <option value="1">option a</option> 
 
    <option value="2">option b</option> 
 
</select>

0

你的代碼是這樣的魅力的工作只是檢查jQuery的路徑

嘗試增加..

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $("#course").change(function(){ 
       alert(1); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <select id="course"> 
     <option value="1">option a</option> 
     <option value="2">option b</option> 
    </select> 
</body> 
</html>