Jquery, 'invalid or unexpected token'. Not a string issue

Question

I'm a newbie to javascript and jquery, and this bug has been hounding me for almost a day. Here's the code:

 $('#txtTabContentsHeight', '#ddlTabContentsHeightRuler').blur(function () { //need to check ruler val first! var sruler = $('#ddlTabContentsHeightRuler').children("option").filter(":selected").text‌().toLowerCase(); var sval = $('#txtTabContentsHeight').val(); + '' + sruler; ChangeTabContentsCss(this, 'height'); });

I get a jquery error in my browser console on the $('#ddl...').^^children(... line. Even if I do a $('#ddlTabContentsHeightRuler').val(), I get the same error on the '.' of invalid or unexpected token.

I've checked every single similar discussion here and on the web for this kind of error, and it's always about a string issue, or a syntax issue. But for the life of me, I can't see a syntax problem here. The ddl element is a select element, obviously.

Can someone smack me upside the head with an answer?

If you're getting an error on $('#ddlTabContentsHeightRuler').val(), it would suggest that the problem is in the HTML (possibly a missing quote). It might be helpful if you can post it, here. — Angrysheep
– Angrysheep, Commented Oct 15, 2016 at 18:19
$('#ddlTabContentsHeightRuler').children("option").filter(":selected").text‌() this is not returning a string — theAnubhav
– theAnubhav, Commented Oct 15, 2016 at 18:23
What is $('#txtTabContentsHeight', '#ddlTabContentsHeightRuler') supposed to do? Did you mean $('#txtTabContentsHeight, #ddlTabContentsHeightRuler')? — Bergi
– Bergi, Commented Oct 15, 2016 at 18:26
I am attaching a function to both of those elements. It works on any other element I work with, but not for the code above... — Andrew H
– Andrew H, Commented Oct 15, 2016 at 20:44
Again, even if I just replace that line with var sruler = $('#whatever').val() I STILL get the same 'invalid token' error on that line! It's bizarre, and I know I am doing something stupid, but can't see it. — Andrew H
– Andrew H, Commented Oct 15, 2016 at 20:45

ACFK · Accepted Answer · 2016-10-15 18:36:06Z

1

Try changing .text() for .val() or .html(). The .text() method cannot be used on form inputs

edited Oct 15, 2016 at 18:36

answered Oct 15, 2016 at 18:24

ACFK

664 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Andrew H Over a year ago

Oh. No that doesn't work either. As I said in my question:

Andrew H Over a year ago

Even when I do: var sruler = $('ddlTabContentsHeightRuler').val() I get an error of 'invalid token' on the line. It's baffling!

Andrew H Over a year ago

$('#txtTabContentsHeight', '#ddlTabContentsHeightRuler').blur(function () { //need to check ruler val first! var sruler = $('#ddlTabContentsHeightRuler').val(); //above doesn't work either. Same error of 'invalid token' on the var sruler... line var sval = $('#txtTabContentsHeight').val() + '' + sruler; ChangeTabContentsCss(this, 'height'); });

ACFK Over a year ago

no, try to change just the .text(), var sruler = $('#ddlTabContentsHeightRuler').children("option").filter(":selected").val().toLowerCase();

Andrew H Over a year ago

Yeah, again. I appreciate the response but as I state above, even if I just do: var sruler = $('#whatever').val(); I still get the same 'token' error.

Twista · Accepted Answer · 2016-10-15 19:03:33Z

0

did u need the semi-colon on $('#txtTabContentsHeight').val(); + '' + sruler;or $('#txtTabContentsHeight').val() + '' + sruler;

answered Oct 15, 2016 at 19:03

Twista

194 bronze badges

2 Comments

Andrew H Over a year ago

Yeah, that's a typo, but it doesn't fix anything. Still get the error on the line above it. Is this really a hard thing to diagnose? If so, I'm in big trouble...

Andrew H Over a year ago

That semi-colon isn't in my original code...just there because I was typing all kinds of stuff trying to get it to work...when I went to try to put it back into the original state, which is where the error started, I accidentally added that typo...

Andrew H · Accepted Answer · 2016-10-15 21:52:19Z

Well, as usual when I have these kinds of errors, if I just RETYPED the whole line, the bug disappeared! I actually did an undo, and tried to delete every single character on the original line, to see if I had some 'hidden characters' or something...and NOPE. Still got the error, though the line looked EXACTLY the same as the one that works.

Is this usual with jquery/javascript? That's sort of unacceptable as a programmer...

Twista · Accepted Answer · 2016-10-15 22:02:27Z

As earlier suggested, you could use with cross checking your html code especially the id names of the elements being selected

Collectives™ on Stack Overflow

Jquery, 'invalid or unexpected token'. Not a string issue

4 Answers 4

5 Comments

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

2 Comments

Comments

Comments

Related