동적으로 구현한 select box의 선택한 값을 가져오기

Question

guyv · Answer

눈에 실제 ui 가 렌더링되었다면 (css적용제외) 코드는 신경쓰지마시고 잘 붙었다는 얘기입니다. 웹브라우저는 파싱된 문서의 메모리를 보여주는겁니다. js는 메모리상태를 조작가능한거죠. 해서, 브라우저에 내장된 개발자모드에서 dom탐색기로 실제 어떻게 dom 이 렌더링되었나 보세요. 쉽게말하면 jquery 의 처리 결과물이겠지요. 이상은 뻘소리였구요.단순하게 답드리면 select 태그속성에 name이 빠지지않았나 생각듭니다. 모바일이라 글이 짧네요.

효자손개발자 · Answer

guyv답변감사드립니다html 태그상에 name 속성을 부여하라는 말씀이신가요??select 속성에 name 부여하고form 버튼 액션으로 console.log($(&#34;select[name&#61;caArea]&#34;).val());이렇게 해봤는데 여전히 undefined 네요... 추가로위에 메서드안에다가 $(&#34;#caArea&#34;).change(function(){ console.log($(this).children(&#34;option:selected&#34;).text()); });이렇게하니까 선택한 옵션의 text 값은 나오는데.val() 로하면 value 값은 안나오네요...ㅜㅜ

guyv · Answer

submit 직전에 웹브라우저의 개발자 모드로 해당 select태그를 보시겠어요? name 값이 잘 바인딩되어있는지요. tailSubject").append(""); }위에서 .comValue는 나오는데 .comCode만 안나오는 이유는 실제값이 없다고밖에 안보여집니다. 모바일이라 죄송해요.

효자손개발자 · Answer

guyv아...너무 정말 감사합니다정말 어이없게도 comCode 에 값이 없었습니다.. 변수명이달랐네요...너무나 당연하게 값이 있을거라 생각하고 오늘 반나절을 뻘짓했네요....친절하게 신경써주셔서 너무 감사드립니다좋은하루되세요!!

동적으로 구현한 select box의 선택한 값을 가져오기

4개의 답변

#select_box 목록