[JavaScript] Uncaught Error: Syntax error, unrecognized expression: [value=]

- Uncaught Error: Syntax error, unrecognized expression: [value=] 에러 -

---

개발을 하다 아래와 같은 에러가 발생하였다.

jquery-3.2.1.min.js:2 Uncaught Error: Syntax error, unrecognized expression: [value=]
    at Function.ga.error (jquery-3.2.1.min.js:2)
    at ga.tokenize (jquery-3.2.1.min.js:2)
    at ga.select (jquery-3.2.1.min.js:2)
    at Function.ga [as find] (jquery-3.2.1.min.js:2)
    at r.fn.init.find (jquery-3.2.1.min.js:2)
    at new r.fn.init (jquery-3.2.1.min.js:2)
    at r (jquery-3.2.1.min.js:2)
    at i (jquery-3.2.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-3.2.1.min.js:2)
    at A (jquery-3.2.1.min.js:4)

    at XMLHttpRequest.<anonymous> (jquery-3.2.1.min.js:4)

 

에러가 말하는 바는 value 속성에 빈값이 들어갔다는 의미인데

 

사실 별거아닌 에러이다.

직접 개발할때 작성한 코드는 아래와 같은데 표현의 문제였던것 같다.

 

var tyArea = $("#ty_area");
var areaHtml = "";
var tyCode = result.detailInfo.tyCode == null ? "" : result.detailInfo.tyCode;
var tyNm = result.detailInfo.tyNm == null ? "" : result.detailInfo.tyNm;

if(result.detailInfo.sttNo != "" && result.detailInfo.sttNo != null){
    areaHtml += '<select id="tyCode" name="tyCode" style="width:auto;">';
    areaHtml += '<option value="">선택</option>';
    areaHtml += '<option value="1">mine1</option>';
    areaHtml += '<option value="2">mine2</option>';
    areaHtml += '<option value="3">mine3</option>';
    areaHtml += '<option value="4">mine4</option>';
    areaHtml += '<option value="5">mine5</option>';
    areaHtml += '</select>';
    tyArea.append(areaHtml);

    $("#tyCode [value="+tyCode+"]").prop("selected",true);
}

이런식으로 사용했는데

더블쿼터와 싱글쿼터의 표현 실수로 인한 에러로 판단되며

해결방법은 서로 잘 겹치지 않게 표현하는 방법밖에없다.