[jQuery] 동적으로 selectbox만들기 , selected 속성 추가하기

⭐동적으로 selectbox 만들기

result.result.forEach((code)=>{
            $('#' + formId)
                .append( $('<option>', { value : code['CODE_ID'] }).text(code['CODE_NM']) );
            if(code.CODE_ID == "3"){
                $('#' + formId).find('option[value="3"]').attr("selected",true);
            }
});

➡️ result.result에 들어있는 배열 순서대로 하나씩 value에  CODE_ID

내용에 CODE_NM의 내용을 담아서 추가한다.

 

⭐ select 태그의 option에 selected 속성 추가하기

 

$('#formId').removeAttr('selected');

➡️ select태그 id값이 formId인 option 태그의 selected 속성을 제거

 

$('#formId').find('option[value="3"]').attr("selected",true);

➡️ select태그 id값이 formId인 option중에 value값이 3인 option태그에 selected 속성을 추가

 

$('#formId').find('option:contains("AG")').attr("selected",true);

➡️ select태그 id값이 formId인 option중에 내용이 AG를 포함하고 있는 option 태그에 selecte 속성을 추가