Dropdown remote getting type error: e is null

Help Wanted

Problem

I am trying to get populate a dropdown with remote data using the api, but no matter what I try, the console always shows: TypeError: e is null

My backend is Django. I’ve tried returning what Django returns doing a ‘.all()’ query and fixing the response in an onResponse call in my js, but this didn’t work. I’ve also tried creating the correct format in Django and returning JSON of the correct form (according to this) but I get the same error. An example of the response from my server is:

{
  "success": true,
  "results": [
    {
      "name": "Adafruit",
      "value": 1
    },
    {
      "name": "SparkFun",
      "value": 2
    }
  ]
}

And here is the relevant javascript:

    $('#manufacturer').dropdown({
        apiSettings: {
            debug: true,
            cache: false,
            action: 'get manufacturer list',
        },
    });

The debug output shows all the steps are completing succesfully:

... Changing setting ...
... Looking up url for action ...
... Querying URL ...
... Throttling request ...
... Sending throttled request ...
... Checking JSON returned success ...
... Response passed success test ...
... Successful API Response ...

With the final step showing my response in the correct form.

The exact error message is:

TypeError: e is null[Learn More] semantic.min.js:11:86696

[lubber-de]

@cafeclimber Then my guess with the empty select was correct 😄

[cafeclimber]

It was! Lol thanks for the help and the PR.