Using jQuery selectors with Ajax response

Question

I have an Ajax call and response (see the code below.) Prior to this, I had regular javascript code that would successfully turn my select element from a traditional select to a select2 widget.

When I try to change the select into the select2 with the javascript code $('#datepicker').datepicker(); in the response from Ajax call, I get an error in the debugger that says

Uncaught TypeError: $(...).select2 is not a function at XMLHttpRequest.xhttp.onreadystatechange (createschedule.php:46)

Here is the code that is inside the javascript function:

var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() 
                {
                    if (this.readyState == 4 && this.status == 200) 
                    {
                        document.getElementById("row_"+cur_id).innerHTML = this.responseText;
                        $('#teacherselect').select2({ width: '100%' }); 
                        $('#datepicker').datepicker();
                    }
                };
                xhttp.open("GET", "editrow.php?id="+id, true);
                xhttp.send();

When Ajax returns and this code is executed, does it still have access to the items through jQuery? It appears that it does not.

if you comment out that line, do you get an error on the datapicker line? — Bindrid
– Bindrid, Commented Jan 17, 2017 at 3:13
This is kicked off when a user presses a button (an image). @Bindrid — Matthew
– Matthew, Commented Jan 17, 2017 at 3:14
When I comment that out, the datepicker works successfully... that is really weird now. — Matthew
– Matthew, Commented Jan 17, 2017 at 3:15
so it sounds to me like your select 2 include is not loading, can you verify its path? — Bindrid
– Bindrid, Commented Jan 17, 2017 at 3:18

Bindrid · Accepted Answer · 2017-01-17 03:29:39Z

1

Because your jQuery and JQuery UI are working correctly, I would start checking the path of the select2. Is it local or a CDN?

answered Jan 17, 2017 at 3:29

Bindrid

3,7452 gold badges20 silver badges19 bronze badges

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

1 Comment

Matthew Over a year ago

Thank you. I had two conflicting versions of jquery loading... one for the select2 and the other for the datepicker (jQuery UI)

Collectives™ on Stack Overflow

Using jQuery selectors with Ajax response

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related