SyntaxError：期望表达式，带有XML请求onClick的脚本结束

Question

我环顾四周，似乎无法找到问题的答案。

我有一个创建HTML的函数：

function parseCountryList(countryData) {
    ret = "";
    for (i = 0; i < countryData.data.length; i++) {
        ret += '<option onClick="getStates(' + countryData.data[i]['id'] + ')">' + countryData.data[i]['countryname'] + '</option>';
    }
     return ret;
 }

我在网页上得到的一个例子：

<option onclick="getStates(1)">Afghanistan</option>

这就是它所调用的功能：

function getStates(countryID) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", 'http://localhost:3000/api/address/state:' +  String(countryID), false); // true for asynchronous
    xmlHttp.send(null);
    eval('test='+xmlHttp.responseText);
    console.log(test); 
}

我得到了一个＆＃34;语法错误：期望的表达式，得到了脚本的结束＆＃34;错误

我已尝试在parseCountryList中的国家/地区ID周围添加单引号，但这没有帮助。