Search jQuery

jQuery Forum

Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's

in Using jQuery UI • 10 years ago

hi,

I'm using some VM's from MS (running virtual box host) to test IE7 and IE8 with jQuery Autocomplete. In both versions I get the same javascript error: 'label' is not null or not an object. Line 7143 of jquery-ui.js.

Code below. Would really appreciate it if anyone can shed some light into this.

Thanks! Tskeej

<head>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<style type="text/css">
    .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    }

    .ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
</style>
</head>
<body>

//awful name and id values b/c this is asp.net
Institution:
<input name="ctl00$ctl25$g_3696e81a_a455_44ee_802f_45c521ca848e$ctl00$txtInstitution" type="text" id="ctl00_ctl25_g_3696e81a_a455_44ee_802f_45c521ca848e_ctl00_txtInstitution" class="txtInstitution" />

<script type="text/javascript">
    var dataSource = [
    { "label": "Alaska Bible College, Glenallen, AK", "value":"Alaska Bible College", "category":"AK"},
    { "label": "Alaska Career College, Anchorage, AK", "value":"Alaska Career College", "category":"AK"},
    { "label": "Lamson College, Tempe, AZ", "value":"Lamson College", "category":"AZ"},
    { "label": "Le Cordon Bleu College of Culinary Arts in Scottsdale, Scottsdale, AZ", "value":"Le Cordon Bleu College of Culinary Arts in Scottsdale", "category":"AZ"},
    { "label": "Maricopa County Community College District, Tempe, AZ", "value":"Maricopa County Community College District", "category":"AZ"},
    { "label": "Mesa Community College, Mesa, AZ", "value":"Mesa Community College", "category":"AZ"},
    { "label": "Mesa Community College--Red Mountain, Mesa, AZ", "value":"Mesa Community College--Red Mountain", "category":"AZ"},
    ];

    $("input.txtInstitution").autocomplete({
        minLength: 3,
        source: dataSource
    });
</script>
</body>

Replies(3)

jakecigar

Re: Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's

10 years ago

The answer is , . You have a trailing comma which IE thinks is an extra element of the array. In the beginning of javascript, it was defined that a trailing comma in an array expression was the same as , undefined . No other browser implemented it correctly. So microsoft gave in with IE 9+.

Get rid of the , after

{ "label": "Mesa Community College--Red Mountain, Mesa, AZ", "value":"Mesa Community College--Red Mountain", "category":"AZ"},

JΛ̊KE

tskeej