2012-10-19 54 views
0

(從文件頁面students.js):使用JavaScript加載我有以下,我想從一個數組加載值到一個下拉代碼下拉值

student.js

var STU_NAME = 0; 
var STU_ID = 1; 
var STU_AGE = 2; 
var STUDENTS = [ 
    ["Apple", 1, 15], 
    ["Billy", 2, 16] 
    ["Cathy", 3, 14]   
     ]; 

功能.js文件

var jQ = $.noConflict(); 

function populateStudents() { 
    jQ('#students').empty(); 
    jQ('#students').append(jQ("<option></option>").attr("value", "").text("-- Please Select --")); 
    for (var _i = 0; _i < students.length; _i++) { 
     jQ('#students').append(jQ("<option></option>").attr("value", _i).text(STUDENTS[_i][STU_NAME])); 
    } 
} 

jQ(document).ready(function() { 
    populateStudents(); 
}); 

mypage.aspx

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 

    </style> 
</head> 
<body> 
    <div id="model"> 
     <form> 
     <div> 
      <div id="StudentLabel"> 
       Student: 
      </div> 
      <select id="students" name="students"> 
      </select> 
     </div>  
     <script src="../Scripts/Functions.js" type="text/javascript"></script> 
     <script src="../Scripts/student.js" type="text/javascript"></script> 
     </form> 
    </div> 
</body> 
</html> 

我收到一個錯誤「Microsoft JScript運行時錯誤:'$'未定義」在函數.js的第1行

任何人都可以幫助我,我會錯過什麼使它在這裏工作。

回答

1

You need to include jquery library,你可以從here下載添加腳本標籤在頁面的頭部或使用jQuery之前。

<head runat="server"> 
    <title></title> 
    <style type="text/css"> 

    </style> 
    <script language="javascript" type="text/javascript" src="JS/jquery-1.7.2.js"></script> 
    <script src="../Scripts/Functions.js" type="text/javascript"></script> 
    <script src="../Scripts/student.js" type="text/javascript"></script> 
</head> 
+0

還是同樣的錯誤。 – RMN

+0

這對我來說太愚蠢了。非常感謝。 – RMN

+0

不客氣。 – Adil

2

你忘了添加jQuery庫

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
<script src="../Scripts/Functions.js" type="text/javascript"></script> 
<script src="../Scripts/student.js" type="text/javascript"></script> 

強烈建議使用jquery的CDN版本改善的PageSpeed,check this link