Question

我收到错误：SyntaxError: Unexpected token ILLEGAL [http://localhost/test/drop:13]

我的网页代码os：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="mini.js"></script>
<script language="javascript">
$(document).ready(function() {
$("#main_div").empty();
$("#drp_name option").each(function() {
  $("#main_div").append("<div>"+ $(this).text() +"</div>")
});
});
</script>
</head>
<body>
<select name="drp_name" id="drp_name">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<div id="main_div"></div>
</body>
</html>

我使用jquery v1.7.2

Answer 1

将jQuery库添加到您的页面。

将其放入<head>

<head>
<script type="text/javascript"  
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
...
</head>

Answer 2

您忘了添加JqueryScript

你可以简单地使用：

<script src="jquery-1.7.2.min.js"></script>

如果您下载了jquery脚本并添加到项目中

Answer 3

你添加

<script type="text/javascript" src="mini.js"></script>

但不包括你的jQuery库js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

或者jquery库是否在您的本地

<script type="text/javascript" src="SOURCE_TO_YOUR_LOCAL_FILE"></script>

Answer 4

你没有把任何东西传递给函数：

$("#drp_name option").each(function(this) {
  $("#main_div").append("<div>"+ $(this).val() +"</div>")
});

注意我在.each（...

之后的函数中添加了'this'

我还将$（this）.text（）更改为$（this）.val（），因为你从option元素中提取了一个值。

为什么会出现此错误SyntaxError：Unexpected token ILLEGAL

4 个答案: