HTML 当我点击一个链接时，从数据库中可以获得两个值。

 <c:forEach var="province" items="${provincelist}">
                        <a onclick='setProUnis(this)' href="javascript:void(0);"
                        class="xh" id="${province.id}" coId="${province.country.id }">
                        ${province.name } </a>
                   </c:forEach>

但是coId的值为undefined，请问这段代码错在哪里？求指教。
function setProUnis(o) {

    createXMLHttpRequest();
    if (xmlrequest) {

        //准备发送请求
        var req = "/xiaoneinew/ChangeInfo?proid="+o.id+"&cid="+o.coId;
        window.alert(req);

        //打开请求
//      xmlrequest.open("get", req, true);
//      //指定处理结果的函数
//      xmlrequest.onreadystatechange = getProUnis;
//      //发送请求
//      xmlrequest.send();
    }
}

自定义属性用getAttribute来后去，不要直接obj.xxxx来获取，标准浏览器不支持

 var req = "/xiaoneinew/ChangeInfo?proid=" + o.id + "&cid=" + o.getAttribute('coId')

coId="${province.country.id }" 这个是级联数据吧，后台有报错吗？ 感觉是province对象没有完全加载出来