"Object expected" error using jQuery only in IE8

Question

I'm getting an error only in IE (v8, I don't know if it happens in older IE versions, but it does not occur in Chrome or Firefox) which brings me the following message when I use IE dev tool's debbuger:

Breaking on JSScript runtime error - Object Expected

Here is my affected code:

$('#deviceProfileSelection').change(function() { //affected line!!!!
// rest of my code...
});

This element #deviceProfileSelection is defined as the following:

<select id="deviceProfileSelection">
   <option value=""><?php echo getSysMessage("dropDownSelect")?></option>
   <!-- and other values...-->
</select>

I've already tried defining the .change listener into a $(document).ready(function () {}); but no success at all. Any other idea?

EDIT

I was trying to include a div using a PHP decision structure, where if a condition was true, it should print a div. But, actually it wasn't printing, I mean, it wasn't printing the opening tag 'div', only the closing tag 'div'.

The browsers could interpret this error, but IE8, and this IE inability was causing the issue.

do you have jQuery included on the page before attempting to call $? — jbabey
– jbabey, Commented Aug 2, 2013 at 15:18
please note that jQuery v2.x does not support IE8. If you have jQuery v2, you will need to use v1.x instead. — Spudley
– Spudley, Commented Aug 2, 2013 at 15:22

zbr · Accepted Answer · 2014-07-05 15:55:35Z

2

The problem is that you haven't added jQuery into your code at all. Add the following inside the <head> tag:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

That should fix your problem.

edited Jul 5, 2014 at 15:55

zbr

7,0434 gold badges35 silver badges44 bronze badges

answered Aug 6, 2013 at 21:54

Joseandro Luiz

9,1564 gold badges22 silver badges20 bronze badges

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

2 Comments

victorf Over a year ago

OMG, it works perfectly! I was trying to include a div using a php decision structure where if a condition was true, it should print a div. But, actually it wasn't printing, I mean, it wasn't printing the opening tag 'div', only the closing tag 'div'.

victorf Over a year ago

Chrome and Firefox ignore this "unopened" div and that's why I couldn't see the error.

Levi Hackwith · Accepted Answer · 2013-08-02 15:20:37Z

1

Check the following:

Is jQuery included when this code is executed? (I'd do an alert on $ and see what you get)
Make sure the deviceProfileSection element exists.

answered Aug 2, 2013 at 15:20

Levi Hackwith

9,31018 gold badges68 silver badges115 bronze badges

Comments

seridis · Accepted Answer · 2013-08-02 15:22:26Z

1

I had a similar issue to this before with IE8, if it's the same issue, it can't find the jquery library, check your path or test it with a cdn

answered Aug 2, 2013 at 15:22

seridis

52 bronze badges

1 Comment

victorf Over a year ago

No, surely it is already included. I can use other elements normally.

Tim S · Accepted Answer · 2013-08-02 15:37:54Z

I tried the following code in IE8, and it works just as expected. As suggested in other answers, I used the latest version of JQuery that is compatible with IE8 from the JQuery CDN. Don't use 2.x -- it does not work with older browsers. Also, make sure your change event code is located in a document.ready handler.

<html>
    <head>
        <title>IE8 Object Expected</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#deviceProfileSelection").change(function(){
                    console.log("#deviceProfileSelection changed to " + $(this).find(":selected").text());
                });
            });
        </script>
    </head>
    <body>
        <form>
            <select id="deviceProfileSelection">
                <option value="">Select...</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
            </select>
        </form>
    </body>
</html>

Divya kukar · Accepted Answer · 2016-03-17 06:46:49Z

0

Just so that no one repeats my mistake, since you are using jquery from an external website( src="http://code.jquery.com/jquery-1.10.2.min.js"), make sure your internet is working

answered Mar 17, 2016 at 6:46

Divya kukar

314 bronze badges

Collectives™ on Stack Overflow

"Object expected" error using jQuery only in IE8

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related