why getting this error SyntaxError: Unexpected token ILLEGAL

Question

i get the error : SyntaxError: Unexpected token ILLEGAL [http://localhost/test/drop:13]

my page code 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>

i use jquery v1.7.2

See this answer: http://stackoverflow.com/questions/5733275/chrome-uncaught-syntax-error-unexpected-token-illegal — lucuma, May 30 '12 at 13:52
You use `jQury` but seems like you didn't include it in the page... — gdoron, May 30 '12 at 13:54
You need to add a reference to jQuery library, do you know how? — gdoron, May 30 '12 at 13:58

score 2 · Answer 1 · answered May 30 '12 at 14:00

2

Add the jQuery library to your page.

Put this in the <head>

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

answered May 30 '12 at 14:00

gdoron

147,333
58
291
367

1

also, replace ` – Christoph May 30 '12 at 14:02
@Christoph. Yep, that's true, not sure it won't work without it though. – gdoron May 30 '12 at 14:03
But since the error is in another line (end of the js-block), I think it is a hidden whitespace character breaking things. – Christoph May 30 '12 at 14:05
i simply download `jquery-1.7.2.min.js` and just rename to `mini` and add to my page but it not work , and after your direct link to js `it works fine why` ? – Tarun Baraiya May 30 '12 at 14:08
@Toms. The src location is probably wrong. is it inside of a folder? – gdoron May 30 '12 at 15:35

score 1 · Answer 2 · answered May 30 '12 at 14:03

1

You forgot to add the JqueryScript

you can simply use:

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

if you download the jquery script and added to your project

answered May 30 '12 at 14:03

John Smith

1,194
1
12
30

i simply download `jquery-1.7.2.min.js` and just rename to `mini` and add to my page – Tarun Baraiya May 30 '12 at 14:06
oh okay :/ then did you forgot a semicolon at the end of `$("#main_div").append("
"+ $(this).text() +"
")` ? – John Smith May 30 '12 at 14:19

thecodeparadox · Answer 3 · 2012-05-30T14:08:48.107

0

you add

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

but don't include your jQuery library js

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

or if jquery library is in your local

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

edited May 30 '12 at 14:08

answered May 30 '12 at 13:59

thecodeparadox

86,271
21
138
164

`but don't include your jQuery library js` what do u mean by this @thecodeparadox ? – Tarun Baraiya May 30 '12 at 14:01

score -1 · Answer 4 · answered May 30 '12 at 13:53

-1

You're not passing anything into the function:

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

Notice I added 'this' inside the function after .each(...

I also changed $(this).text() to $(this).val() as you're pulling a value from the option element.

answered May 30 '12 at 13:53

Fluidbyte

5,162
9
47
76

that's incorrect, `this` is passed implicitly to that function. – Prasenjit Kumar Nag May 30 '12 at 13:54
This is incorrect, you don't need to pass anything. and `this` is invalid TOKEN! – gdoron May 30 '12 at 13:54

why getting this error SyntaxError: Unexpected token ILLEGAL

4 Answers4